锋利的JQuery 第二章内容
2015-04-09 21:44
246 查看
DOM对象和 JQuery
对象
JQuery 对象可以转换成DOM对象,两种方法:可以通过[index]和get[index]方法进行转换第一种例如:var$ulr=$(“#ID”);
——> varulr=$ulr[0];//转化后的DOM对象
第二种方法例如:var $ulr=$(“#ID”);----à varulr=$ulr.get(0);
DOM对象转换成JQuery对象,只需要把DOM对象用$()包装起来就可以了。例如:
var Cr=document.getElementById(“cr”);-àvar $Cr=$(Cr); //转化后的JQuery对象
2.3.2章节中:
基本选择器没啥可说的,注意记住就可以了;
层次选择器中$(“.one+div”)可以使用$(“.one”).next(“div”)替换,两者是等价的;还有$(“#two~div”)意思的选取two这ID之后所有的div可以用$(“#two”).nextAll(“div”);替换两者也是等价的。
$(“#two”).Siblings(“div”);
指找到ID为two的前后所有的同辈div,比$(“#two”).nextAll(“div”);多查找前面的div
过滤选择器,类似于伪类用(:)开头表示,例如 “:first”
注意 “:even”
是指偶数,但是数字是从0开始计算的,所有正常看到的效果就是奇数行或者div被选中!!然而”:odd”是指奇数
和偶数的一样都是从索引0开始计算,所有看到的会是所有偶数行或者div被选中!!!
还有需要注意的是“:eq(0)和:gt(0)还有:lt(0)”
索引也是从0开始算的,0表示第一个
内容过滤选择器“:contains” “:empty” “:has(‘.class1’)” “:parent”
“:parent” 这个是指选取含有子元素或者文本的元素
可见性过滤选择器”:hidden”
和”:visiable”
属性选择器:主要是区分$(“div[id^=test]”)ID以test开头的div,$(“div[id$=test]”)
表示ID以test结束的div $(“div[id*=te]”)
表示id包含te的div
$(div[id|=te]) 表示ID等于 te
或者以te为前缀的,后面加”-”的属性的元素
$(div[id~=te]) 表示ID
的属性中有空格区分开并含有 te的元素
还有属性选择器可以多个一起使用已到达更精确的定位到一个元素例如 $(div[title=test][id^=te])
对象
JQuery 对象可以转换成DOM对象,两种方法:可以通过[index]和get[index]方法进行转换第一种例如:var$ulr=$(“#ID”);
——> varulr=$ulr[0];//转化后的DOM对象
第二种方法例如:var $ulr=$(“#ID”);----à varulr=$ulr.get(0);
DOM对象转换成JQuery对象,只需要把DOM对象用$()包装起来就可以了。例如:
var Cr=document.getElementById(“cr”);-àvar $Cr=$(Cr); //转化后的JQuery对象
2.3.2章节中:
基本选择器没啥可说的,注意记住就可以了;
层次选择器中$(“.one+div”)可以使用$(“.one”).next(“div”)替换,两者是等价的;还有$(“#two~div”)意思的选取two这ID之后所有的div可以用$(“#two”).nextAll(“div”);替换两者也是等价的。
$(“#two”).Siblings(“div”);
指找到ID为two的前后所有的同辈div,比$(“#two”).nextAll(“div”);多查找前面的div
过滤选择器,类似于伪类用(:)开头表示,例如 “:first”
注意 “:even”
是指偶数,但是数字是从0开始计算的,所有正常看到的效果就是奇数行或者div被选中!!然而”:odd”是指奇数
和偶数的一样都是从索引0开始计算,所有看到的会是所有偶数行或者div被选中!!!
还有需要注意的是“:eq(0)和:gt(0)还有:lt(0)”
索引也是从0开始算的,0表示第一个
内容过滤选择器“:contains” “:empty” “:has(‘.class1’)” “:parent”
“:parent” 这个是指选取含有子元素或者文本的元素
可见性过滤选择器”:hidden”
和”:visiable”
属性选择器:主要是区分$(“div[id^=test]”)ID以test开头的div,$(“div[id$=test]”)
表示ID以test结束的div $(“div[id*=te]”)
表示id包含te的div
$(div[id|=te]) 表示ID等于 te
或者以te为前缀的,后面加”-”的属性的元素
$(div[id~=te]) 表示ID
的属性中有空格区分开并含有 te的元素
还有属性选择器可以多个一起使用已到达更精确的定位到一个元素例如 $(div[title=test][id^=te])
相关文章推荐
- 锋利jquery---内容过滤选择器(第二章)
- 锋利的JQuery 第三章内容
- 锋利的jquery学习笔记 第二章
- 锋利的jQuery第二章
- 锋利的jQuery第二章
- 最简单jquery.ajax+php例子(对话框显示文本框输入内容),以小见大(初学手记)
- jquery对表格进行内容排序
- 自己写的jQuery插件(一)--让Iframe自适应内容高度
- jquery无刷新载入其他页面的内容
- Domino中运用jQuery读取视图内容
- essential c++ 基于第二章的内容采用面向过程的方法实现猜字游戏的基本实现代码
- 读书笔记_锋利的jQuery
- 自己写的jQuery插件(三)--内容和图片预览插件
- jquery内容滚动插件:fxMarquee
- fxMarquee - jQuery内容滚动插件实现上下左右滚动
- jQuery选择器(jQuery in action 第二章)
- jQuery中对新增内容绑定事件
- jquery使用ajax传内容到asp.net乱码解决
- jquery中获取class name多位的命名内容
- JQuery之五:操作元素内容