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