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. ...
随机推荐
- IE10无法识别setPrototypeOf属性问题
项目遇到一个需求,React16.6.0兼容IE10浏览器 首先在IE浏览器打开,IE11可以支持,打开控制台切换到IE10,页面白屏,控制台报错. 控制台报错 vue2.0 兼容ie9及其以上 Ma ...
- cifar-10 图片可视化
保存cifar-10 数据集 图片 python3 #用于将cifar10的数据可视化 import pickle as p import numpy as np import matplotlib. ...
- 《C#高级编程》笔记系列第三弹
我们在开发WinForm时,经常会看到partial关键字,比如,我们新建一个Windows Form时,后台代码自动添加如下: 1 public partial class Form1 : Form ...
- Android开发调试无法连接到夜神模拟器的解决方法
Android开发调试无法连接到夜神模拟器的解决方法: 一般原因是adb的版本不一致造成的!!!!!换成一样的就可以了. 在网上看到的方法,特记录下来: 1.任务管理器里看下,adb.exe以及nox ...
- 图论trainning-part-2 B. Claw Decomposition
B. Claw Decomposition Time Limit: 1000ms Memory Limit: 131072KB 64-bit integer IO format: %lld ...
- Leetcode 336.回文对
回文对 给定一组唯一的单词, 找出所有不同 的索引对(i, j),使得列表中的两个单词, words[i] + words[j] ,可拼接成回文串. 示例 1: 输入: ["abcd&quo ...
- hiho week 143
P1 : hiho密码 Time Limit:10000ms Case Time Limit:1000ms Memory Limit:256MB Description 小Ho根据最近在密码学课上学习 ...
- C#中类的实例是不能 获取到类中的静态方法和静态变量(Static)的，及原因
类中的静态方法和变量是共享的.只能用类名去调用.
- 记一次Jenkins 打包异常 ERROR: Exception when publishing, exception message [Failure]
今天早上打包一直都没有问题,突然有一次打包突然出现异常现象,如下: ERROR: Exception when publishing, exception message [Failure] Buil ...
- C++ 中的 C_str() 函数用法
转中转 ~\(≧▽≦)/~ :http://blog.csdn.net/nancy_m/article/details/7583550 语法: const char *c_str(); c_str() ...