您的位置:首页 > Web前端 > JQuery

锋利的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])
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: