index-css-添加类-移除类-toggleClass-attr

最新推荐文章于 2024-09-06 00:29:18 发布

转载最新推荐文章于 2024-09-06 00:29:18 发布 · 57 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/IwishIcould/p/10427192.html

本文详细介绍了如何使用jQuery进行元素样式和属性的操作，包括设置和获取CSS样式、添加和删除类、设置自定义属性等实用技巧。

1=>index()会返回当前元素在所有的兄弟元素里面的索引值
用法:$("a").click(function(){
     console.log($(this).index());  //第1个元素是0，从0开始的
});


2==> .css()设置样式。
     $("li").css("bg","red").css("color","pink"); 设置li的背景颜色，为红色。 设置一个。

     $("li").css({bg:"red", color:"pink"});  括号里面是对象 可以连续设置多个 


3==>console.log($("li").css("fontSize")); 输出li的字体大小。
    总结：注意fontSize这种写法

4==>.css()用用法3种，设置值(有两种)，获取值

5==>jq是隐私迭代，隐私迭代有两种。
     (1)设置操作的时候，会给jq内部所有的对象设置相同的值。
     (2)获取值的时候，只会返回第一个元素对应的值。


6==>$("li”).addClass("aa"); 给li标签设置一个aa类。它不会覆盖已经存在的类。
     它是通过类的样似操作的，生效与权重有关


7==>$("li”).removeClass("bb")移除一个类bb


8==>判断li标签是否存在某一个类。有返回true,没有返回false
   console.log($("li").hasClass("cc")); 是否有cc这个类

9==>$("li”).toggleClass("cc"); 如果li有cc这个类，就移除cc这个类，没有cc这个类，就添加cc这个类。


10==>样式：在style里面写的，用css来操作。
     属性：在标签里面写的，用attr来操作

     $("img").attr("alt","图破了");这是属性，用法跟css设置的用法一致

     $("img").attr({alt:"图破了", title:"标题", aa:"qw"}); //设置多个属性
     attr()是可以设置自定义属性

转载于:https://www.cnblogs.com/IwishIcould/p/10427192.html