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

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

热门文章

最新文章

  • 1
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 5
    React 中如何安装与使用 Tailwind CSS
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
  • 9
    (CSS)使用Flex布局,帮助你快速了解各种基本的Flex布局属性以及帮你让元素快速达到布局中的指定位置!
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation