-
选择器，顾名思义，通过class样式类名来获取节点 描述： jQuery除了选择上的简单，而且没有再次使用循环处理 不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作 $( ".class" ) 类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选查看全部
-
1.attr()：jQuery中的.attr()方法让你能轻松的读取，增加或修改一个元素的属性（详情参考.attr()）; 2.removeAttr():jQuery中的.removeAttr()方法主要用来删除一个元素的一个（或多个）属性（详情参考.removeAttr()）。 3.attr()和.removeAttr()两种方法的语法格式： .attr()方法 .attr()方法有两种功能，第一种是读取元素的属性值，第二个是修改元素的属性值 读取属性的语法 .attr(attributeName );//attributeName 为需要获取的元素的属性名 上面返回的是字符串“string”，值得注意的是.attr()方法只获取第一个匹配元素的属性值，如果你需要每个单独的元素的属性值，需要依靠jQuery的.each()或者.map()方法来实现。 为元素设轩属性值的语法 .attr(attributeName, value);//其中attributeName为元素需要设置的属性名，value是对应的元素值 上面返回的是一个对象，主要用来为指定元素设置一个或多个属性。 .removeAttr()方法 .removeAttr(attributeName);//其中attributeName 是要移除的属性名 .removeAttr()方法使用原生的javaScript中的removeAttribute()函数，但是它的优点是能够直接被jQuery对象访问调用。查看全部
-
jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用的开始学起 id选择器：一个用来查找的ID，即元素的id属性 $( "#id" ) id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div后的最近的一个p兄弟节点，不是左右的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div后的所有p兄弟节点，不包含div1前的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了 HTML代码 <div>元素一</div> <div>元素二</div> <div>元素三</div> JavaScript代码 var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
HTML代码 <div>元素一</div> <div>元素二</div> <div>元素三</div> 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对象的属性查看全部
-
http://img1.sycdn.imooc.com//5590e98b0001f60d06130229.jpg查看全部
-
IE8及较低的版本，浏览器不支持getElementsByClassName查看全部
-
index就是传入$("div")找到的div的下标，className是index=index的div的类名的集合，然后采用str.indexOf(string)方法，判断这个类名的集合中是否包含有imooc这个类名，没有则返回-1。所以，如果返回的是-1，那么就是当前div没有imooc的这个类名，就不用给它添加imoocClass的类名；如果返回的不是-1，那么就给它添加imoocClass的类名。查看全部
-
var div=$div.get[0]; $div.style.color=#ccc;查看全部
-
var div=$div.get(0); div.style.color=#ccc;查看全部
-
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，查看全部
-
筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头 基本筛选选择器包括： $(":first")：匹配第一个元素 $(":last")：匹配最后一个元素 $(":not(selector)")：selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)")：在匹配的集合中选择索引值为index的元素。 $(":even")：选择索引值为偶数的元素，从0开始计数。 $(":odd")：选择索引值为奇数的元素，从0开始计数。 $(":gt(index)")：选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)")：选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header")：选择所有标题元素，如h1,h2,h3等 $(":lang(language)")：选择指定语言的所有元素。 $(":root")：选择该文档的根元素。 $(":animated")：选择所有正在执行动画效果的元素查看全部
-
$("parent>child") 子选择器 $("ancestor descendant") 后代选择器 $("prev+next") 相邻兄弟选择器 $("prev~siblings") 一般兄弟选择器 仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下 注：+~选择器不能向前选择，只能向后选择查看全部
举报
0/150
提交
取消