AI智能
改变未来

JavaWeb——jquery(二)

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

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » JavaWeb——jquery(二)