使用jQuery操作DOM

显示结果：

val()属性操作

val()可以获取或设置元素的value属性值

语法：$(this).val()

       $(this).val(value):

显示结果：

节点操作

查找，

创建，工厂函数$()用于创建节点

            $(selector):通过迭代器获取节点

            $(element):把DOM节点转化为jQuery节点

            $(html)：使用HTML字符串创建jQuery节点

插入节点

元素内部插入子节点append(content)

                                 appendTo(content)

                                 prepend(content)

                                 prependTo(content)

元素外部插入子节点after(content)

                                 insertAfter(content)

                                 before(content)

                                 insertBefore(content)

删除

删除整个节点remove()

语法：$(seletor).remove([expr])

清空节点内容empty()

语法：$(select).empty();

替换

replaceWith()和replaceAll()用于替换某个节点

实例语法：

var $newNode1=$("

$(".gameList li:eq(2)").replaceWith($newNode);

$($newNode1).repalceAll(".ganeList li:eq(2)")

复制节点

clone()用于复制某个节点

语法:$(selector).clone([includeEvents]);

[]当中的内容处理参数true或flace，true复制事件，false时反之

实例：

$(".gameList li:eq(1)").click(function(){
$(this).clone(true).appendTo(".gameList");

})
$(".gameList li:eq(2)").click(function(){
$(this).clone(false).appendTo(".gameList");

})

属性操作

attr()获取和设置元素的属性

语法：

$(selector).attr([name]) ;

或 $(selector).attr({[name1:value1]…[nameN:valueN]}) ;

removeAttr()删除元素属性

语法：

$(selector).removeAttr(name) 

节点遍历

遍历子元素:children()

遍历同辈元素:next().prev(),siblings()

遍历同辈元素：parent(),parents()

其他遍历方法：each(),end(),find(),eq(),first()......

使用jQuery操作DOM

标签：函数   htm   技术   add   style   cto   字符串   结果   其他   

原文地址：https://www.cnblogs.com/xiaohanzong/p/13221745.html