-
DOM2级事件 element.addEventListener -- 添加事件监听 removeEventListener IE事件： element.attachEvent element.detachEvent查看全部
-
addEventListener()绑定事件的对象方法。addEventListener()含有三个参数，一个是事件名称，另一个是事件执行的函数，最后一个是事件捕获，obj.addEventListener("click",function(){},true/false);以往的方法定义事件的话后面的会覆盖掉前面的事件函数，但是按这种方式写的话几个事件函数都会执行，最后是true和false的解释，事件在执行时都会有俩个流，一个是捕获事件流，另一个是冒泡事件流，进来的事件是捕获事件，出去的事件是冒泡事件，true的话会捕获进来时的，false的话会捕获出去时的查看全部
-
在一个表单里，想要找到指定元素的第一个元素用first实现，那么第二个元素用eq(1)实现 eq在匹配的集合中选择索引值为index的元素 因为jQuery合集是从0开始索引的，所以eq(1)就是第二个元素查看全部
-
even选择索引值为偶数的元素，从0开始计数 odd选择索引值为奇数的元素，从0开始计数查看全部
-
：contains()选择器中括号内的文字，可为纯文本，或用引号包围查看全部
-
jQuery选择器之表单对象属性筛选选择器 $(":enabled")选取可用的表单元素 $(":disabled")选取不可用的表单元素 $(":checked")选取被选中的<input>元素 $(":selected")选取被选中的<option>元素 注意事项： 1、选择器适用于复选框和单选框，对于下拉框元素，使用：selected选择器 2、在某些浏览器中，选择器：checked可能会错误选取到<option>元素，所以保险起见选用选择器input：checked，确保只会选取<input>元素查看全部
-
jQuery选择器之表单元素选择器 $(":input")选择所有input、textarea、select和button元素 $(":text")匹配所有文本框 $(":password")匹配所有密码框 $(":radio")匹配所有单选按钮 $(":checkbox")匹配所有复选按钮 $(":image")匹配所有图像域 $(":submit")匹配所有提交按钮 $(":reset")匹配所有重置按钮 $(":button")匹配所有按钮 $(":file")匹配所有文件域查看全部
-
jQuery选择器之子元素筛选选择器 $(":first-child")选择所有父级元素下的第一个子元素 $(":last-child")选择所有父级元素的最后一个子元素 $(":only-child")如果某个元素是其父元素的唯一子元素，那么它就会被选中 $(":nth-child")选择的他们所有父元素的第n个子元素 $(":nth-lat-child")选择所有他们父元素的第n个子元素，计数从最后一个元素开始到第一个查看全部
-
实例 查找每个段落的下一个同胞元素，仅选中类名为 "selected" 的段落： $("p").next(".selected").css("background", "yellow"); 定义和用法 next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。查看全部
-
CSS样式的优先级：外部样式 < 内部样式 < 内联样式。 .css()方法设置的样式属性的优先级要高于.addClass()方法。查看全部
-
str.indexOf("world")来判断world是在str字符串出现的位置。查看全部
-
jQuery的属性与样式之元素的数据存储 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的使用查看全部
-
jQuery的属性与样式之.css()与.addClass()设置样式的区别 对于样式的设置，我们学了addClass与css方法，那么两者之间有什么区别？ 可维护性： .addClass()的本质是通过定义个class类的样式规则，给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式 通过.addClass()我们可以批量的给相同的元素设置统一规则，变动起来比较方便，可以统一修改删除。如果通过.css()方法就需要指定每一个元素是一一的修改，日后维护也要一一的修改，比较麻烦 灵活性： 通过.css()方式可以很容易动态的去改变一个样式的属性，不需要在去繁琐的定义个class类的规则。一般来说在不确定开始布局规则，通过动态生成的HTML代码结构中，都是通过.css()方法处理的 样式值： .addClass()本质只是针对class的类的增加删除，不能获取到指定样式的属性的值，.css()可以获取到指定的样式值。 样式的优先级： css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下 外部样式 < 内部样式 < 内联样式 .addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 总结： .addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式 任务 在代码编辑器中第61行填写相应代码 addClass('addBorder') 在代码编辑器中第66行填写相应代码 addClass('newClass') 在代码编辑器中第71行填写相应代码 css({ 'background':'yellow' })查看全部
-
jQuery选择器之可见性筛选选择器： $(":visible")选择所有显示的元素； $(":hidden")选择所有隐藏的元素； 我们有几种方式可以隐藏一个元素： 1.CSS display的值是none； 2、type="hidden"的表单元素 3、宽度和高度都显示设置为0 4、一个祖先元素是隐藏的，该元素是不会在页面上显示 5、CSS visiblity的值是hidden 6、CSS opacity的值是0查看全部
-
内容筛选选择器 $(":contain(text)")选择所有包含指定文本的元素 $(":parent")选择所有包含子元素或者文本的元素 $(":empty")选择所有没有子元素的元素（包含文本节点） $(":has(selector)")选择元素中至少包含指定选择器的元素查看全部
举报
0/150
提交
取消