-
//通过className(fucntion)方法 //这个函数返回一个或更多用空格隔开的要增加的样式名。 //接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容 //找到所有的div，然后通过addClass设置颜色，根据返回的className的判断， $("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } }); 需要理解一下查看全部
-
类选择器，顾名思义，通过class样式类名来获取节点 描述： $( ".class" )查看全部
-
id选择器：一个用来查找的ID，即元素的id属性 $( "#id" )查看全部
-
利用数组下标的方式读取到jQuery中的DOM对象 JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
$("div").html()是使用标签选择器获取div标签，并将内容设置为：您好！通过慕课网学习jQuery才是最佳的途径。 对应于javascript中的各类选择器，如： $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素查看全部
-
通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的查看全部
-
：has选择器也不强制加引号查看全部
-
1.：contains选择器中不强制给文本加上引号查看全部
-
html从上到下依次解析，在不同地方的.left:last提取到的是不同的元素查看全部
-
<script type="text/javascript"> //找到男装下第一类衣服中的第一个p元素，并改变颜色 //可以通过子类选择器 p:first-child 筛选出第一个p元素 $("#menu_con div:first p:first-child").css('color','#9932CC'); </script> <script type="text/javascript"> //找到男装下第一类衣服把a元素从顺序1-4加上颜色 //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素 //注意了index是从0开始计算，所以选在1-4,为对应的index就是4 $("#menu_con div:first a:lt(4)").css('color','red'); </script> <script type="text/javascript"> //找到男装所有a元素中属性名name="setColor"的元素，并设置颜色 //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素 $("#menu_con a[name=setColor]").css('color','blue'); </script> <script type="text/javascript"> //不分男女，选中第一类衣服中第9个a元素，并改变颜色 //这里用了nth-child 选择的他们所有父元素的第n个子元素 $(".tag a:nth-child(10)").css('color','#66CD00'); </script> <script type="text/javascript"> //找到女装下第一类衣服，把a元素中包含文字"更多"的节点，改变颜色 $("#menu_female .tag a:contains('更多')").css('color','#C71585'); </script>查看全部
-
<!-- 使用jQuery语法 --> <script type="text/javascript"> $(document).ready(function() { /** * 通过jQuery语法获取id为imooc2的元素获得一个jQuery对象 * 调用该对象的html()方法进行更改内容 * 调用该对象的css()方法进行更改颜色样式 */ var $p = $('#imooc2'); $p.html('P2：您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); }); </script>查看全部
-
注意事项： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
var div = document.getElementById('arron'); div.style.border = "3px solid blue"; $("#imooc").css("border","3px solid red");查看全部
-
$('div').get(0)和$('div')[0]得到的都是dom类型，而$('div').first()得到的就是jQuery类型。也就是说get和[]是dom的方法，而first才是jQuery自己的方法。不可乱用查看全部
-
attr()方法 使用函数来设置属性/值 语法 $(selector).attr(attribute,function(index,oldvalue)) attribute 规定属性的名称。 function(index,oldvalue) 规定返回属性值的函数。该函数可接收并使用选择器的 index 值和当前属性值。查看全部
举报
0/150
提交
取消