jquery样式操作和内容操作、jquery常用的对象选择方法(常用!!)

jquery设置和获取CSS样式

设置: jquery对象.css({"样式名":"属性"})            获取样式:jquery对象.css("样式名")    

jquery追加类样式

jquery对象 .addClass("类样式的名称 类样式的名称")  ←若要追加多个类样式,要用 空格隔开这个只是追加样式,并不能设置当前样式,若要设置当前样式,可以用script的方法 .className="类样式的名称"。但需要先将jquery对象转换成script。可以用jquery对象[0]或者jquery.get(0)来转换。

jquery移除样式

jquery对象 .remove("类样式的名称 类样式的名称") ←与追加类样式的格式一样。

toggleClass模拟了addClass()与removeClass()实现样式切换。
$(selector).toggleClass("类样式名称")  ←需要配合触发事件来完成,比如说hover()等。

jquery判断是否存在该类样式

$(selector).hasClass("类样式名称")  ←若存在则返回true,否则返回false

jquery中html()与text()的区别

html()若里面有其他标签,那么他会连同标签名一起获得。而text()只会获得其文本内容,不会获得标签

jquery获取当前元素的valve值(一般都是获得input标签的值)

$(selector).val()  ←这是获取,若要设置则在val()的括号里面添加内容即可

jquery创建html节点:

var $自定义名称= $("<li></li>");  ←这等于创建了一个li标签
var $自定义名称= $("<li>"+对象名+"</li>"); ←当前等于创建了一个li标签,并且在li标签里面插入对象。
var $自定义名称= $("<li>对象名</li>");   ←在li标签内插入对象的错误格式,这样只会插入一段对象名的文本,而不会插入对象


jquery插入子节点的常用方法

append和appendTo是一个意思,只是插入对象和被插入对象的写法顺序不同而已。
一般常用append和prepend。
$(A).append(B)  ←这代表着B要插入到A里面(B会变成A的子节点),顺序是从最后一个开始追加(从A的子节点末端追加B)。
$(A).prepend(B)  ←这代表着B要插入到A里面(B会变成A的子节点),顺序是从最前一个开始追加(从A的子节点末端追加B)。



jquery插入同辈节点的常用方法

与前面append和prepend的语法类似。一般常用的是after和before
$(A).after(B) ←将B插入到A的后面(不是子节点哦,是同辈节点)
$(A).before(B) ←将B插入到A的前面(同辈节点,不是子节点!!要注意)


jquery删除节点:



jquery替换节点:



jquery复制节点:


jquery设置元素属性:


jquery删除元素属性:


jquery获取当前对象的子元素

$(selector).children  ←获取当前对象的所有子元素,但只会默认选择到第一个子元素,不会选择后面那些子元素,只会选择子元素,不会选择后代元素!

jquery获取当前对象的同辈元素


jquery获取当前对象的父辈元素

$(selector).parent()  只能获取元素的父级元素
$(selector).parents()  注意:多了一个s就代表着能获取包括父类在内的所有祖先元素(父类的父类的父类的父类等)

jquery获取当前对象子类中某某元素

$(selector) .find("对象名")   ←这样可以精准定位到某某元素,那个对象名里面代表着是选择器。

jquery中的for循环←each()



jquery CSS-DOM操作:


猜你喜欢

转载自blog.csdn.net/chijiajing/article/details/80618998