-
1.jQuery选择器之id选择器：$( "#id" ) 2.jQuery选择器之类选择器：$( ".class" ) 3.jQuery选择器之元素选择器：$( "element" ) 4.jQuery选择器之全选择器（*选择器）：$( "*" ) 5.jQuery选择器之层级选择器: 子选择器：$("parent>child") 后代选择器：$("parent child") 相邻兄弟选择器：$("prev+next") 一般兄弟选择器：$("prev~siblings 选择器中的层级选择器就是用来处理这种关系 子元素 后代元素 兄弟元素 相邻元素 仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 描述： $( "*" ) 抛开jQuery，如果要获取文档中所有的元素，通过document.getElementsByTagName()中传递"*"同样可以获取到 不难发现，id、class、tag都可以通过原生的方法获取到对应的节点，但是我们还需要考虑一个兼容性的问题，我这里顺便提及一下，比如: IE会将注释节点实现为元素，所以在IE中调用getElementsByTagName里面会包含注释节点，这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A IE8及较低的版本，浏览器不支持getElementsByClassName 看到了吧，作为一名合格的前端不是那么简单的，就一个基本的选择器上面都需要做这么多兼容，幸好有jQuery的出现，让我们省了很多功夫查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 描述： $( "element" ) 搜索指定元素标签名的所有节点，这个是一个合集的操作。同样的也有原生方法getElementsByTagName()函数支持 右边编辑器代码所示： 第一组：通过getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); divs是dom合集对象，通过循环给每一个合集中的<div>元素赋予新的boder样式 第二组：同样的效果，$("p")选取所有的<p>元素，通过css方法直接赋予样式查看全部
-
类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选 同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的 右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较 我们不难发现： jQuery除了选择上的简单，而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。查看全部
-
JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 用jQuery找到所有的div元素（3个），因为jQuery对象也是一个数组结构，可以通过数组下标索引找到第一个div元素，通过返回的div对象，调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是，数组的索引是从0开始的，也就是第一个元素下标是0 通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点，get方法中提供一个元素的索引： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 其实我们翻开源码，看看就知道了，get方法就是利用的第一种方式处理的，只是包装成一个get让开发者更直接方便的使用。查看全部
-
:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等其他元素。 注意：这两种选择器是依赖CSS样式的，否则不起作用。 CSS中有四种方法可以隐藏一个元素。 （1）、display:none; (2)、visibilty:hidden; (3)、opacity:0//标准浏览器写法,IE 则使用特有的透明滤镜filter:alpha(opacity:0)，标准浏览器opacity取值是0 - 1，0表示完全透明，1表示完全不透明，介于1之间的表示半透明， IE滤镜alpha中opacity取值是0 - 100，0表示完全透明，100表示完全不透明，介于100之间的表示半透明。 注意：透明度没有单位，它只是一个数值。 (4)、元素的宽高都为0 dispaly:none和visibilty:hidden区别 display:none是不占位隐藏，而visibilty:hidden是占位隐藏,通俗得讲第一种就是即看不见也摸不着，第二种是看不见，但能摸得着。查看全部
-
:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
-
可能会针对同一节点的某一个样式不断的切换，也就是addClass与removeClass的互斥切换，比如隔行换色查看全部
-
id是唯一的，每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的查看全部
-
1.jQuery选择器之id选择器：$( "#id" ) 2.jQuery选择器之类选择器：$( ".class" ) 3.jQuery选择器之元素选择器：$( "element" ) 4.jQuery选择器之全选择器（*选择器）：$( "*" ) 5.jQuery选择器之层级选择器: 子选择器：$("parent>child") 后代选择器：$("parent child") 相邻兄弟选择器：$("prev+next") 一般兄弟选择器：$("prev~siblings")查看全部
-
1.环境搭载：<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> 2.$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码 3.定义jQuery对象，改变其内容样式： var $p = $('#ID'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 4.jQuery对象转化为DOM对象： var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法，转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 5.DOM对象转化成jQuery对象： var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
css > addClass查看全部
-
实践证明加value[1]是多余的，value[1]其实是个空值，至于return (Number(value[0]) + 50) + value[1]和return (Number(value[0]) + 50) + "px"效果是一样，是因为当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px查看全部
-
toogleClass 排斥 互斥 双击 反向选择 toogleClass('class', switch) true，那么这个样式类将被添加; false，那么这个样式类将被移除查看全部
-
.css (style属性) .attr 固有属性 es: title alt cows rols ...查看全部
举报
0/150
提交
取消