-
$('.first-div a:first-child')选择class=.first-div下的<a>下的第一个元素 /a:only-child /a:nth-child() /a:nth-last-child() /a:last-child查看全部
-
1.$('div[name=p1]')//查找所有div中，属性name=p1的div元素 2.$('div[p2]')//查找所有div中，有属性p2的div元素 3.$('div[name|="-"]')//查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 4.$('div[name~="a"]') //查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素 5.$('div[name^=imooc]') //查找所有div中，属性name的值是用imooc开头的 6.$('div[name$=imooc]')//查找所有div中，属性name的值是用imooc结尾的 7.$('div[name*="test"]')//查找所有div中，有属性name中的值包含一个test字符串的div元素 8.$('div[testattr!="true"]')//查找所有div中，有属性testattr中的值没有包含"true"的div查看全部
-
1.$("[attribute|='value']")选择指定属性值等于给定字符串或以该文字为前缀（该字符后跟一个连字符—的元素 2.$("[attribute*=value]")选择指定属性具有包含一个给定的字符串的元素（选择给定的属性是以包含某些值的元素）查看全部
-
jQuery选择器之类选择器 类选择器，顾名思义，通过class样式类名来获取节点 描述： $( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的 右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较 我们不难发现： jQuery除了选择上的简单，而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。查看全部
-
jQuery选择器之id选择器 页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。 jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用的开始学起 id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器 值得注意： id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的 任务 在代码编辑器中第42行填写相应的代码查看全部
-
http://img1.sycdn.imooc.com//57cd1df2000146de06020498.jpg查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
怎样才能只选中第一个<p>标签 1. var $p = $("p"); var p = $p.get(0); p.style.border = "1px solid red"; 2. var p = document.getElementsByTagName('p'); var $p = $(p); var $first = $p.eq(0); $first.css('color','red'); 3. $("p:first").css("border","3px solid red") 4. $("p:eq(0)").css("border","3px solid red") 5. $('p').first().css('border','3px solid red');查看全部
-
$("p,div").css("border", "3px solid red"); // 对P和DIV都加红色边框。查看全部
-
// 1. 转换为DOM对象(不建议使用数组下标) $(".class").get(0) // 2. 获取jQuery对象 $(".class").eq(0)查看全部
-
在js中，当获取的DOM元素是一个集合时，要想对每个节点进行操作需要用到for循环遍历每个节点，而jq中可以不需要遍历每个节点，直接传入节点,jq中的选择器和编写CSS样式差不多的原理 <script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入标签名p //标签是可以多个的，所以得到的同样也是一个合集 $("p").css("border", "3px solid red"); </script>查看全部
-
// 1. 转换为DOM对象(不建议使用数组下标) $(".class").get(0) // 2. 获取jQuery对象 $(".class").eq(0)查看全部
-
单引号和双引号有什么区别吗？有特定场合规定吗？ $("#imooc").css("border", "3px solid red"); $('#imooc').css('border', '3px solid red'); 据资料显示在js中单引号和双引号都是一样的，但是在使用是去碰到了问题，于是乎百度给我答案，说是平时使用的时候尽量用单引号，只有碰到嵌套的时候才会同时用两种引号。即外面是单引号的时候里面就要用双引号，外面是双引号的时候里面就要用单引号，总之不能同时用双引号或者是单引号；查看全部
举报
0/150
提交
取消