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

相关文章
|
22天前
|
前端开发 JavaScript
如何利用jQuery来向一个元素中添加和移除CSS类?
如何利用jQuery来向一个元素中添加和移除CSS类?
40 0
|
8月前
|
前端开发
|
8月前
|
前端开发
|
21天前
|
存储 移动开发 JavaScript
jQuery 根据 css 类筛选 DOM 元素的代码
jQuery 根据 css 类筛选 DOM 元素的代码
28 1
|
8月前
|
前端开发
|
6月前
|
前端开发
CSS中两个类选择器写一起的作用,可分有逗号和没有
CSS层叠样式表设计当中,两个类选择器写在一起,那么如果这两个类选择器之间没有使用英文的“,”隔开,而是使用空格,那么一般表示的是选择第一个类选择器的子元素中类名为第二个类选择器的所有元素,即这两个类选择器一般是父、子元素(或后代元素)的递进关系,目的是为了
42 1
|
8月前
|
前端开发 JavaScript
|
8月前
|
Web App开发 移动开发 前端开发
|
8月前
|
前端开发
|
8月前
|
移动开发 前端开发 JavaScript
SAP UI5 index.html 根节点的 css 类填充逻辑
SAP UI5 index.html 根节点的 css 类填充逻辑
40 0