JavaWeb——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就是事件的对象。