-
:nth-child(index)从1开始的，而eq(index)是从0开始的查看全部
-
元素可见性的判定是依据元素是否在文档中占据一定的空间，可见元素的款或者高都是大于零的。 元素的visibility:hidden或 opacity：0被人为是可见的，因为他们任然占据一定的空间布局查看全部
-
隐藏一个元素 CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
学编程，遇到一些简称的代码，去查清楚全称，记忆会更牢固，就比如eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于)查看全部
-
$("parent>child") 子选择器 $("ancestor descendant") 后代选择器 $("prev+next") 相邻兄弟选择器 $("prev~siblings") 一般兄弟选择器查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
<h2>相邻兄弟选择器与一般兄弟选择器</h2> <div class="bottom"> <div>兄弟节点div, +~选择器不能向前选择</div> <span class="prev">选择器span元素</span> <div>span后第一个兄弟节点div</div> <div>兄弟节点div <div class="small">子元素div</div> </div> <span>兄弟节点span,不可选</span> <div>兄弟节点div</div> </div> <script type="text/javascript"> //相邻兄弟选择器 //选取prev后面的第一个的div兄弟节点 $(".prev+div").css("border", "3px groove blue"); </script> <script type="text/javascript"> //一般相邻选择器 //选取prev后面的所有的div兄弟节点 $(".prev~div").css("border", "3px groove blue"); </script>查看全部
-
<script type="text/javascript"> //获取页面中所有的元素 var elements1 = document.getElementsByTagName('*'); </script> <script type="text/javascript"> //获取页面中所有的元素 var $elements2 =$("*"); //原生与jQuery方法比较 //===表示数据和类型都相等 if($elements2.length === elements1.length){ $elements2.css("border","1px solid red"); } </script>查看全部
-
$("#id") $(".class") $("element") 分别 取 id， 类， 元素。 第一次看jquery的代码怪怪的，现在看就这意思啊。查看全部
-
<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>查看全部
-
<script type="text/javascript"> //通过原生方法处理 //样式是可以多选的，所以得到的是一个合集 //需要通过循环给合集中每一个元素修改样式 var divs = document.getElementsByClassName('aaron'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script> <script type="text/javascript"> //通过jQuery直接传入class //class选择器可以选择多个元素 $(".imooc").css("border", "3px solid red"); </script>查看全部
-
$获取tag，是$("tag"),获取id就是$(id),获取class是$(".class").查看全部
-
<script type="text/javascript"> //通过原生方法处理 var div = document.getElementById('aaron'); div.style.border = "3px solid blue"; </script> <script type="text/javascript"> $div=$("#imooc"); $div.css("border", "3px solid red"); </script>查看全部
-
1：jQuery转化成DOM jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素 var $div = $('div'); //jQuery对象 var div = $div[0]; var div2=$div.get(1); div.style.color = 'red'; //操作dom对象的属性 div2.style.color = 'blue'; 2：开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了 var div = document.getElementsByTagName('div');//获取dom对像 $div = $(div); //将dom节点div转化为$div的jquery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
var $div=$(div); var $first=$div.first();找到第一个div元素 var $second = $first.next(); 找到第二个div元素 //var $last = $second.next(); 找到第三个div元素 var $last=$div.last(); 找到第三个div元素 $first.css('color','red'); $second.css('color','red'); $last.css('color','red');查看全部
举报
0/150
提交
取消