-
jQuery选择器之全选择器(*选择器) 在CSS中,经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符* 意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述:$( "*" ) 抛开jQuery,如果要获取文档中所有的元素,通过document.getElementsByTagName()中传递"*"同样可以获取到查看全部
-
jQuery选择器之元素选择器 元素选择器:根据给定(html)标记名称选择所有的元素 描述:$( "element" ) 搜索指定元素标签名的所有节点,这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持查看全部
-
jQuery选择器之类选择器 类选择器,顾名思义,通过class样式类名来获取节点 描述:$( ".class" ) 对于类选择器,如果浏览器支持,jQuery使用JavaScript的原生getElementsByClassName()函数来实现的查看全部
-
jQuery选择器之id选择器: id选择器:一个用来查找的ID,即元素的id属性:$( "#id" ) id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。 注意:id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
$(document).ready(function() { var $p = $("#imooc"); $p.html("HELLO WORLD"); }查看全部
-
a:parent难道意思是所有当爹的a? 最后一个a里面是空的,所以他没孩子。也就是没当爹。可以这么理解么? $("a:parent")选择所有有内容(有子元素或有文本)的a标签; $("a:empty")选择所有空的(连一个空格都没有)a标签.查看全部
-
$(":contains(text)")选择所有包含指定文本的元素;例$(".div:contains('...')") $(":has(selector)") 选择元素中至少包含指定元素的元素;例$(".div:has(span)") $(":parent") 选择所有含有子元素或者文本的元素; $(":empty") 选择所有没有子元素或者文本的元素 1.查找所有class='div'中DOM元素中包含"contains"的元素节点 $(".div:contains(':contains')") 2.$(".div:has(span)") 3.选择所有包含子元素或者文本的a元素 $("a:parent") 4.找到a元素下面的所有空节点(没有子元素) $("a:empty") 注意事项: 1.:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3.:parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。查看全部
-
JQuery使用HTML流输出 ______style______ div{ padding:8px 0px; font-size:12px; text-align:center; border:solid 1px #888; } ______Jquery______ <script> $(document).ready(function(){ $("div").html("HELLO WORLD"); }) </script>查看全部
-
+:后邻的兄弟 ~:所有后面的兄弟 >: 儿子们 空格:儿子们+孙子们+子子孙孙们+..... (所有后代)查看全部
-
jQuery选择器之基本筛选选择器: $(":first")匹配的第一个元素,如第一个div元素为 $(".div:first").css("color","#CD00CD"); $(":last")匹配的最后一个元素,如最后一个div元素为 $(".div:last").css("color","#CD00CD"); $(":not(selector)")选择不包含括号里面的选择器元素,如 选中所有没有checked属性的input元素后的p元素,赋予颜色$("input:not(:checked)+p ").css("background-color", "#CD00CD"); $("eq(index)")在匹配的集合选择索引值等于index的元素【eq=equal,等于的意思】 $(":even"):选择索引值为偶数的元素,从0开始计数。【even偶数】 $(":odd"):选择索引值为奇数的元素,从0开始计数。【odd奇数】 $(":gt(index)"):选择匹配集合中,所有大于给定index(索引值)的元素。【gt=greater than(意思是大于)】 $(":lt(index)"):选择匹配集合中,所有小于等于给定index(索引值)的元素。【less than(意思是小于)】 $(":header"):选择所有标题元素,如h1,h2,h3等 $(":lang(language)"):选择指定语言的所有元素。 $(":root"):选择该文档的根元素。 $(":animated"):选择所有正在执行动画效果的元素查看全部
-
这章内容 例子 很重要,一定复习掌握查看全部
-
<input type="file" />查看全部
-
/匹配所有input元素中的单选按钮,并选中 $('input:radio').attr('checked','true');查看全部
-
:first只匹配一个单独的元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素, :last-child 选择器可以匹配多个元素:即,为每个父级元素匹配最后一个子元素 如果子元素只有一个的话,:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素,就是说当前子元素是父元素中唯一的元素,则匹配 jQuery实现:nth-child(n)是严格来自CSS规范,所以n值是“索引”,也就是说,从1开始计数,:nth-child(index)从1开始的,而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算,后者从后往前计算查看全部
举报
0/150
提交
取消