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

简介: index-css-添加类-移除类-toggleClass-attr

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()是可以设置自定义属性

相关文章
|
7月前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
98 0
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
21 1
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
37 5
|
4月前
|
前端开发
类抖音logo的光影之旅:CSS动画效果,让标志更具吸引力!
类抖音logo的光影之旅:CSS动画效果,让标志更具吸引力!
|
4月前
|
前端开发
解锁CSS神秘面纱:深度剖析类选择器,掌握前端设计的绝密武器!
解锁CSS神秘面纱:深度剖析类选择器,掌握前端设计的绝密武器!
|
6月前
|
前端开发
CSS类如何使用?
【6月更文挑战第30天】CSS类如何使用?
38 2
|
5月前
|
前端开发 JavaScript C++
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
CSS 【详解】样式选择器(含ID、类、标签、通配、属性、伪类、伪元素、Content属性、子代、后代、兄弟、相邻兄弟、交集、并集等选择器)
445 0