前几日凡是小年矣,2013就要过去了,不过上不可知暂停啊。如今正在看《jQuery权威指南》,先温习一下采取器和DOM操作。


相同、基本拔取器

1.table单双行:

$(function () {

            $( “#tbStu
tr:nth-child(even)” ).addClass(“trOdd”);

        })

2.jQuery圆满的检测机制:

    
传统js处理目的时一旦首先判断是否有;jQuery具有比周全之检测机制不需要判定,虽然该因素不存在,也非晤面冒出错误提醒。

3.选择器

①为主选取器:

jQuery 1

②层次拔取器

jQuery 2

注意:

  • $(“ancestor
    descendant”)是先人和子孙关系,而$(“parent child”)是父级与子级关系;

  • $(“prev+next”)能够使用.next()代替,表示prev前边紧邻的弟兄元素;而$(“prev~siblings”)等同于.nextAll(),表示prev前面有兄弟元素;siblings()方法表示收获全部的小兄弟元素。

③了滤选用器:

jQuery 3

jQuery 4

jQuery 5

jQuery 6

jQuery 7

jQuery 8

jQuery 9

二.DOM操作

1.访元素

①元素特性操作– attr()

  • 赢得元素属性:attr(name)
  • 设置元素属性:

attr(key,value);

attr({key1:value1,
key2:value2})

style=”font-size: small;”>attr(key,function(){}):函数再次回到值作为属性值。

  • style=”font-size: small;”>删除元素属性:removeAttr(name)

②元素内容操作– html(),text()

jQuery 10

③获或设置元素值– val()

设置元素值:val(value)

取元素值:val()

style=”font-size: small;”>获取select多独选项值:$(“select”).val().join(
“,”)

安装多单选中:val(array)。

④元素样式操作

css(name,value):设置样式

addClass(“class0
class1”):添加样式

toggleClass(name):切换样式

style=”font-size: small;”>removeClass(name):删除样式,如果出参数则去指定类,否则去所有class。

2.DOM-成立节点

style=”font-size: small;”>$(html):用于动态成立节点。要专注是不是关闭。

3.DOM-插入节点

①中插入节点

jQuery 11

②表插入节点

jQuery 12

4.DOM-复制节点

clone():复制元素,不复制行为。

style=”font-size: small;”>clone(true):复制元素,同时复制行为。

5.替转移节点

replaceWith(content)

replaceAll(selector)

轮换完成后元素的风波全体消灭。

6.打包节点

jQuery 13

7.刨除元素

style=”font-size: small;”>remove([expr]):采用素节点后去除该节点及其子孙元素。

empty():清空元素及其子孙元素。

 

 

相关文章

网站地图xml地图