-
子元素选择器查看全部
-
测试第一个查看全部
-
本节 和上一节 测试！查看全部
-
可以见元素筛选器查看全部
-
内容选择器查看全部
-
多种筛选选择器查看全部
-
$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
// $("div")[i].style.color = color[i]; // $("div").eq(i).css("color",color[i]); 上面俩是正确的； $("div:eq(i)").css("color",color[i])是错误的；查看全部
-
四种关系 对应四种写法查看全部
-
<script type="text/javascript"> //查找所有class='div'中DOM元素中包含"contains"的元素节点 //并且设置颜色 $(".div:contains(':contains')").css("color", "#CD00CD"); </script> <script type="text/javascript"> //查找所有class='div'中DOM元素中包含"span"的元素节点 //并且设置颜色 $(".div:has(span)").css("color", "blue"); </script> <h3>:parent/:empty</h3> <div class="left"> <div class="aaron"> <a>:parent</a> </div> <div class="aaron"> <a>:parent</a> </div> <div class="aaron"> <a>:parent</a> </div> <div class="aaron"> <a></a> </div> </div> <script type="text/javascript"> //选择所有a元素，找到对应的父元素 //增加一个蓝色的边框 $("a:parent").css("border", "3px groove blue"); </script> <script type="text/javascript"> //找到a元素下面的所有空节点(没有子元素) //增加一段文本与边框 $("a:empty").text(":empty").css("border", "3px groove red"); </script>查看全部
-
<div class="left"> <div> <input type="checkbox" name="a" /> <p>Aaron</p> </div> <div> <input type="checkbox" name="b" /> <p>慕课</p> </div> <div> <input type="checkbox" name="c" checked="checked" /> <p>其他</p> </div> </div> <script type="text/javascript"> //:not 选择所有元素去除不匹配给定的选择器的元素 //选取所有input中,没有checked属性的p元素，赋予颜色 $("input:checked+p").css("background-color", "#CD00CD"); </script>查看全部
-
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> </head> <body> <div>元素一</div> <div>元素二</div> <div>元素三</div> <script type="text/javascript"> var div = document.getElementsByTagName('div'); //dom对象 //将dom节点div转化为$div的jquery对象 // $div = ? var $div = $(div); var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色 </script> </body> </html>查看全部
-
<!DOCTYPE html><br> <html><br> <br> <head><br> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /><br> <title></title><br> <script src="http://code.jquery.com/jquery-1.11.3.js"></script><br> </head><br> <br> <body><br> <div>元素一</div><br> <div>元素二</div><br> <div>元素三</div><br> <br> <script type="text/javascript"><br> var $div = $('div'); //jQuery对象<br> //? div = ?<br> var div1 = $div[0];<br> div1.style.color = 'red'; //操作dom对象的属性<br> var div2 = $div.get(1);<br> div2.style.color = 'blue';<br> div2.style.fontSize = '20px';<br>//设置字体大小 </script><br> <br> </body><br> <br> </html>查看全部
-
css("width",function(index,value){ //value带单位，先分解 value = value.split('px'); //返回一个新的值，在原有的值上，增加50px return (Number(value[0]) + 50) + value[1]; }) split分解查看全部
-
parent 还涉及到文本节点查看全部
举报
0/150
提交
取消