jQuery -> 获取后代元素的三种方法
假设我们有内容例如以下的html文件，那么怎样选取包括在<p>元素内的<i>元素呢？
邪馬台国の謎と弥生時代
紀元前１０００年ごろ、水稲工作の技術をもつ集団が大挙して日本に移住してきた。これによって弥生時代が始まった。
縄文人も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。しかし、北九州に新たな文化を持って集団が来たのを知った彼らは次第に、水稲工作を受け入れ弥生人へとか分かっていた。
html源代码例如以下
<h1>邪馬台国の謎と弥生時代</h1>
<p>紀元前１０００年ごろ、<i>水稲工作</i>の技術をもつ集団が大挙して日本に移住してきた。 これによって弥生時代が始まった。</p>
<p><i>縄文人</i>も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。 しかし、北九州に新たな文化を持って集団が来たのを知った彼らは次第に、水稲工作を受け入れ弥生人へとか分かっていた。</p>
1 使用find方法
$('p').find('i')
2 使用两个參数jQuery函数
$('i', 'p')
3 使用一个參数jQuery函数
$('p i')
使用方法举例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>邪馬台国の謎と弥生時代</h1>
<p>紀元前１０００年ごろ、<i>水稲工作</i>の技術をもつ集団が大挙して日本に移住してきた。これによって弥生時代が始まった。</p>
<p><i>縄文人</i>も南方から伝わった稲を栽培していたが、彼らは原野を開いて大掛かりな水田をつくる発想を持たなかった。しかし、北九州に新たな文化を持って集団が来たのを知った彼らは次第に、水稲工作を受け入れ弥生人へとか分かっていた。 </p>
<script type="text/javascript" src="jquery-1.11.1.js"></script>
<script type="text/javascript">
alert('There are ' + $('p').find('i').length + ' italic words');
alert('There are ' + $('i', 'p').length + ' italic words');
alert('There are ' + $('p i').length + ' italic words');
</script>
</body>
</html>
jQuery -> 获取后代元素的三种方法的更多相关文章
- javascript 获取html元素的三种方法
操作HTML元素 你首先找到该元素. 三种方法来做这件事: 通过id找到HTML元素 通过标签名找到HTML元素 通过类名找到HTML元素 通过id查找HTML元素 在DOM中查找HTML元素的最简单 ...
- 解析Jquery取得iframe中元素的几种方法
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作,需要的朋友可以参考下 DOM方法:父窗口操作IFRAME:window.frames[&q ...
- Java中获取键盘输入值的三种方法
Java中获取键盘输入值的三种方法 Java程序开发过程中,需要从键盘获取输入值是常有的事,但Java它偏偏就没有像c语言给我们提供的scanf(),C++给我们提供的cin()获取键盘输入值 ...
- Jquery取得iframe中元素的几种方法（转载）
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames["iframeSon ...
- js 跨域 Jquery取得iframe中元素的几种方法
http://www.jb51.net/article/34942.htm 收集利用Jquery取得iframe中元素的几种方法 : 父页面访问子页面 $(document.getElementByI ...
- (一)JQuery动态加载js的三种方法
Jquery动态加载js的三种方法如下: 第一种: $.getscript("test.js"); 例如: <script type="text/javascrip ...
- [浪风转载]Jquery取得iframe中元素的几种方法
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window.frames["iframeSon ...
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的 ...
- CSS围住浮动元素的三种方法
浮动元素脱离了文档流,其父元素看不到它了,因而不会包围它.浮动会“扩散”到下一个清除浮动的元素处.这会引起不想要的页面布局效果. 清除浮动的方法有三种: 1.父元素overflow:hidden 2. ...
随机推荐
- 如何利用 CSS 动画原理，在页面上表现日蚀现象
效果预览 在线演示 按下右侧的"点击预览"按钮可以在当前页面预览,点击链接可以全屏预览. https://codepen.io/comehope/pen/OELvrK 可交互视频教 ...
- Objective-C urlEncode urlDecode
@interface NSString (stringByDecodingURLFormat) - (NSString *)stringByDecodingURLFormat; - (NSString ...
- uboot的readme
## (C) Copyright 2000 - 2008# Wolfgang Denk, DENX Software Engineering, wd@denx.de.## See file CREDI ...
- Poj 1041--欧拉回路
Description Little Johnny has got a new car. He decided to drive around the town to visit his friend ...
- Chrome 开发者工具(DevTools)中所有快捷方式列表（已整理）
Chrome 开发者工具(DevTools)中所有快捷方式列表(已整理) 前言 Chrome DevTools提供了一些内置的快捷键,开发者利用这些快捷键可以节省常工作中很多日的开发时间.下面列出了每 ...
- bounds 和frame区别
仔细看下这个图就知道了
- Android App性能自动化评测方法
前言 App运行在设备上的性能表现也是质量保障的一个重要环节.因此,当我们确保了基本功能的准确之后,还需要有一定的方法评测App在不同设备上的性能表现.本文将从性能指标,评测方法,自动化体系建设等三个 ...
- 去掉WordPress顶部工具条
WordPress为了方便管理员,或者登陆用户快速的从前台进入后台来管理网站,在WordPress网站顶部强制加入了一个工具条(admin bar),而且默认是对所有登陆用户都显示的,有时候看着挺烦心 ...
- ubuntu14.04:php7+apache2+mysql
apache2: sudo apt-get install apache2 apache2-dev service apache2 start mysql: sudo apt-get install ...
- FineMessBox的js依赖导致错误Uncaught ReferenceError: addEvent is not defined
/** * COMMON DHTML FUNCTIONS * These are handy functions I use all the time. * * By Seth Banks ( ...