-
以下三种情况隐藏元素，元素高宽会变为0，并且能被$(":hidden")筛选器筛选 CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0查看全部
-
jQuery是一个类数组对象，DOM对象就是一个单独的DOM元素。查看全部
-
mark查看全部
-
切换样式toggleClass() 1.toggleClass(className) 样式如果存在删除，如果不存在就添加。 2.toggleClass(className,switch) switch布尔值，规定只添加或只删除类。 3.toggleClass(function(index,class),switch) index：接受选择器的index位置。 class：接受选择器的当前的类。 例子：点击按钮，列表第一行和第三行，颜色变红。第二行和第四行，颜色变蓝。再次点击，恢复默认颜色。 <style> .listitem_0,.listitem_2{color:red} .listitem_1,.listitem_3{color:blue} </style> <script src="jquery.min.js"></script> <script> $(document).ready(function(){ $("#btn").click(function(){ $(".sg li").toggleClass(function(){ return 'listitem_' + $(this).index(); }); }); }) </script> <body> <ul class="sg"> <li>苹果</li> <li>香蕉</li> <li>西瓜</li> <li>桃子</li> </ul> <button id="btn"></button> </body>查看全部
-
$(document).ready 的意思是等页面的文档（document）中的节点都加载完毕后，在执行后续的代码查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
.addClass() .addClass(className):为每个匹配元素增加类 .addClass(function(index,currentClass){}) 这个函数返回一个或更多用空格隔开的要增加的样式名。 indexOf()返回指定的字符串值在字符串中首次出现的位置。 返回若为-1，则表示字符串中不存在指定的字符串。查看全部
-
.val() 主要用于处理表单元素的值，比如input,select和textarea。 val()方法： 1..val()无参数的话，在匹配的元素集合中，获取其第一个元素的当前值。 2..val(value),给指定的元素赋值 3..val(function),函数的返回值，赋值到指定的元素 注意： 1.通过.val()处理select元素，当没有选择项被选中，它返回null 2.val()方法多用来设置表单的字段的值 3.如果select有multiple(多选)的属性，并且至少一个选项被选中，那么.val()返回一个数组，这个数组包含每个选中项的值。 .html(),.text()和.val()的比较： 1.三种方法都是用来读取特定元素的内容； html()用来读取元素的html内容(包括html标签) .text()用来赌球元素的纯文本内容，包括其后代元素。 .val()用来读取表单元素的'value'值。 .html()和text()方法不能使用在表单元素上，而.val()只能使用在表单元素上。 .html()和.val()方法一样，应用在多个元素上时，只能读取第一个表单元素"value"的值，但是text()将会读取所有选中元素的文本内容。 2.html(htmlString),.text(textString)和.val(value)都是用来替换选中元素的内容，如果它们同时运用在多个元素上时，那么将会替换所有选中元素的内容。 3.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
回调函数中className是字符串，先用indexOf判断字符串中是否存在imooc这个class，不存在则返回-1，因此判断中非-1则表示已经包含imooc这个值。查看全部
-
this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者 this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
html()和text() 读取、修改元素的html结构或者元素的文本内容。 .html()方法： 1..html()不传入值，默认获取集合中第一个匹配元素的html内容 2..html（htmlString）设置每一个匹配元素的html内容 3..html(function(index,oldhtml)) 用个函数来设置html的内容。 注意：.html()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的是：这个操作是针对整个HTML内容(不仅仅是文本内容) .text()方法 1..text()得到匹配元素集合中每个元素的合并文本，包括他们的后代。 2..text(textString) 用来设置匹配元素内容的文本 3..text(function(index,text)) 用来返回设置文本内容的一个函数 注意：.text()返回一个字符串，包含所有匹配元素的合并文本。 .html与.text的异同： 1..html与.text的方法操作是一样，只是在具体针对处理对象不同。 2..html处理的是元素内容，.text处理的是文本内容。 3..html只能使用在HTML文档中，.text在XML和HTML文档中都能使用。 4.如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的。 5.火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了两个属性的支持，所以可以兼容所有浏览器。查看全部
-
元素的数据存储 html5 dataset是新的HTML5标准，允许你在普通的元素标签里嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由JavaScript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。那么在不支持HTML5标准的浏览器中，我们如何实现数据存取? jQuery就提供了一个.data()的方法来处理这个问题 使用jQuery初学者一般不是很关心data方式，这个方法是jquery内部预用的，可以用来做性能优化，比如sizzle选择中可以用来缓存部分结果集等等。当然这个也是非常重要的一个API了，常常用于我们存放临时的一些数据，因为它是直接跟DOM元素对象绑定在一起的 jQuery提供的存储接口 jQuery.data( element, key, value ) //静态接口,存数据 jQuery.data( element, key ) //静态接口,取数据 .data( key, value ) //实例接口,存数据 .data( key ) //实例接口,存数据 2个方法在使用上存取都是通一个接口，传递元素，键值数据。在jQuery的官方文档中，建议用.data()方法来代替。 我们把DOM可以看作一个对象，那么我们往对象上是可以存在基本类型，引用类型的数据的，但是这里会引发一个问题，可能会存在循环引用的内存泄漏风险 通过jQuery提供的数据接口，就很好的处理了这个问题了，我们不需要关心它底层是如何实现，只需要按照对应的data方法使用就行了 同样的也提供2个对应的删除接口，使用上与data方法其实是一致的，只不过是一个是增加一个是删除罢了 jQuery.removeData( element [, name ] ) .removeData( [name ] ) 参考右边的代码区域，2个代码段分别描述了静态与实例data的使用查看全部
-
.addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 总结： .addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
举报
0/150
提交
取消