-
很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素,为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范,而是jQuery自己为了开发者的便利延展出来的选择器 筛选选择器的用法与CSS中的伪元素相似,选择器用冒号“:”开头,查看全部
-
budong查看全部
-
$div[0]是dom对象,$div.first()是jQuery对象,$div[0]是不能用jQuery的一些方法,但是$div.eq(0)和$div.first()是同一个意思,可以用jQuery的一些方法,比如$div.first().css("background-color","#ccc")查看全部
-
仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下查看全部
-
//通过原生方法处理 var div = document.getElementById('aaron'); div.style.border = "3px solid blue"; //通过jQuery直接传入id //id的唯一,只选择到了第一个匹配的id为imooc的div节点 $("#imooc").css("border", "3px solid red");查看全部
-
test查看全部
-
$("a:parent").parent().css("border", "3px groove blue"); :parent意为,有子元素或者文本的元素,就是不为空的元素!="" a:parent是不为空的a元素 .parent(),就是他的父级元素查看全部
-
$('div > p') 选择所有div元素里面的第一个子元素P $('div p') 选择所有div元素里面的p元素 $(".prev + div") 选取prev后面的第一个的div兄弟节点 $(".prev ~ div") 选取prev后面的所有的div兄弟节点查看全部
-
右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较 我们不难发现: jQuery除了选择上的简单,而且没有再次使用循环处理查看全部
-
DOM对象转化成jQuery对象 var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较 我们不难发现: jQuery除了选择上的简单,而且没有再次使用循环处理查看全部
-
<script type="text/javascript"> //通过css覆盖addClass方式设置背景色 $('.aaron').css({ "background" : "yellow"; }) </script>查看全部
-
//获取尺寸,传入CSS属性组成的一个数组<br> //{width: "60px", height: "60px"} <br> var value = $('.first').css(['width','height']);<br> //因为获取的是一个对象,取到对应的值<br> $('p:eq(2)').text( 'widht:' + value.width + ' height:' +value.height ) //合并设置,通过对象传设置多个样式 $('.seventh').css({ 'font-size' : "15px", 'background-color' : "#40e0d0", 'border' : "1px solid red" })查看全部
-
attr("value",function(i,val){ return i+" "+val })查看全部
-
["attr='value'"] // 这个是查找包含某个属性的元素 :contains('') // 包含某段文字的元素 :lt(index) // 后几项 :nth-child(index) // 第几个子元素查看全部
举报
0/150
提交
取消