-
基本筛选选择器针对的都是元素DOM节点，如果我们要通过内容来过滤，jQuery也提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上 $(":contains(text)") 选择含有指定文本的元素 $(":has(selector)") 选择包含指定元素的元素 $(":parent") 选择含有子元素或者文本的父级元素 $(":empty") 选择所有没有子元素的元素 注意事项： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
.arr（…）之前的选择器部分可能选中多个，也可能选中单个； 引用function之后，就会对选中的每一个个体依次执行函数内的部分： 对每一个个体，都有默认的参数，就是function（i，val）里的i 和 val。 i是这个个体在选中的整体里的索引值index；val 是这个个体的value值。//可以把attr（'value'，function（x，y）{…}）作为一个“函数回调设置”的格式，之后的css等内容中都会有相似的格式。 这个语句的意思是，把选择的对象的内容都设置为：“通过function设置”+（该对象的原文本内容）。查看全部
-
$(".div:first")<br> $(".div:last")<br> $(".div:even")<br> $(".div:odd")<br> $(".aaron:eq(2)")<br> $(".aaron:gt(3)")<br> $(".aaron:lt(2)")<br> $("input:not(:checked) + p") //:not 选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色 $("input:not(:checked)+p").css("background-color", "#CD00CD");查看全部
-
学编程，遇到一些简称的代码，去查清楚全称，记忆会更牢固，就比如eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于) $(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素，从0开始计数。 $(":odd") 选择索引值为奇数的元素，从0开始计数。 $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素，eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素查看全部
-
HackerX 学编程，遇到一些简称的代码，去查清楚全称，记忆会更牢固，就比如eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于)查看全部
-
//查找所有class="first-div"下的a元素，只取第一个 //针对所有父级下的第一个 $(".first-div a:first-child").css("color", "#CD00CD"); //查找所有class="first-div"下的a元素，只取最后一个 //针对所有父级下的最后一个 //如果只有一个元素的话，last也是第一个元素 $(".first-div a:last-child").css("color", "red"); //查找所有class="first-div"下的a元素，如果只有一个子元素的情况 $(".first-div a:only-child").css("color", "blue"); //查找所有class="last-div"下的a元素,选择第二个 $(".last-div a:nth-child(2)").css("color", "#CD00CD"); //查找所有class="last-div"下的a元素,选择第倒数第二个 $(".last-div a:nth-last-child(2)").css("color", "red");查看全部
-
$("parent>child") 子选择器 $("ancestor descendant") 后代选择器 $("prev+next") 相邻兄弟选择器 $("prev~siblings") 一般兄弟选择器查看全部
-
//查找所有div中，属性name=p1的div元素 $("div[name=p1]").css("border", "3px groove red"); //查找所有div中，有属性p2的div元素 $("div[p2]").css("border", "3px groove blue"); //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $("div[name='-']").css("border", "3px groove #00FF00"); //查找所有div中，有属性name中的值包含一个连字符“空”的div元素 $("div[name~='a']").css("border", "3px groove #668B8B"); //查找所有div中，属性name的值是用imooc开头的 $("div[name^='imooc']").css("border", "3px groove red"); //查找所有div中，属性name的值是用imooc结尾的 $("div[name$=imooc]").css("border", "3px groove blue"); //查找所有div中，有属性name中的值包含一个test字符串的div元素 $("div[name*=test]").css("border", "3px groove #00FF00"); //查找所有div中，有属性testattr中的值没有包含"true"的div $("div[testattr!='true']").css("border", "3px groove #668B8B");查看全部
-
静态接口存数据 $.data(ele,"a","acontent")其中ele为存储数据的节点，a为数据名称，acontent为数据内容 静态接口取数据 $.data(ele,"a") 动态接口存数据 ele.data("a","acontent")其中a为存储数据名称，acontent为数据内容 动态接口取数据 ele.data("a")查看全部
-
1：jQuery转化成DOM jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素 var $div = $('div'); //jQuery对象 var div = $div[0]; var div2=$div.get(1); div.style.color = 'red'; //操作dom对象的属性 div2.style.color = 'blue'; 2：开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了 var div = document.getElementsByTagName('div');//获取dom对像 $div = $(div); //将dom节点div转化为$div的jquery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
子选择器div > p div下面的直接子元素，中间穿插其他元素不算<br> 后代选择器div p div下面所有子孙元素，中间可以穿插其他元素<br> 相邻兄弟选择器div + next div相邻兄弟元素，紧跟着div后面的一个next元素<br> 一般兄弟选择器div ~ p div后面的所有p兄弟元素 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
全选择器* 可以用$("*")即可获取所有节点 不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName 看到了吧，作为一名合格的前端不是那么简单的，就一个基本的选择器上面都需要做这么多兼容，幸好有jQuery的出现查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
-
不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作查看全部
举报
0/150
提交
取消