jquery
- jquery元素筛选
- jQuery属性
- jquery文档处理
- jquery事件
jquery元素筛选
jquery筛选的方法和上篇文章中接晒的过滤器的功能类似,具体的使用不做过多说明,可以查看API文档。
jQuery属性
- html([val|fn]) :在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。 不传参数是获取,传参是设置。
- text([val|fn]):取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。不传参数是获取,传参是设置。
- val([val|fn|arr]):获得 表单项 匹配元素的当前值。不传参数是获取,传参是设置。
- attr(name|properties|key,value|fn):设置或返回被选元素的属性值。不推荐操作checked、readOnly、selected、disabled.
- prop(name|properties|key,value|fn):与atter方法类似,一般就用来与atter互补,操作checked 、readOnly、selected、disabled.
jquery文档处理
增加:
- appendTo(content):把所有匹配的元素追加到另一个指定的元素元素集合中。a.appendTo(b),是把a插入到b子元素的末尾成为最后一个子元素。
- prependTo(content):a.prependTo(b),,是把a插入到b子元素的最前面,成为第一个子元素。
插入
- insertAfter(content):a.insertAfter(b),是在b的后面插入a,得到ba。与上面的不同,这是同辈元素的插入。
- insertBefore(content):a.insertBefore(b),得到ab。
替换:
- replaceWith(content|fn):a.replaceWith(b),用b替换a。
- replaceAll(selector):用匹配的元素替换掉所selector匹配到的元素。a.replaceAll(b),用a替换所有的b。
删除:
- empty():删除匹配的元素集合中所有的子节点。便签还在,内部子元素全清空。
- remove([expr]):从DOM中删除所有匹配的元素。连标签都删除。
jquery事件
页面加载完成事件。
jquery的
$(function(){})
原生的
window.onload()=function(){}
触发顺序:先jquery后原生js。
执行次数:原生js只会执行最后一次。jquery会按照顺序依次执行。
jquery事件有很多,具体可以查看文档。
获取事件对象
在绑定事件时在function() 的参数列表里传入一个参数event,这个event就是事件的对象。