操作css方法
- 参数只写属性名,则是返回属性值
$(this).css("color");
- 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号
$(this).css("color","red");
- 参数可以是对象形式,方便设置多组样式。属性名和属性值用冒号隔开,属性可以不用加引号
$(this).css({"color":"white","font-size":"20px"});
设置类样式方法
作用等同于以前的classlist,可以操作类样式,注意操作类里面的参数不要加点。
1.添加类
$("div").addClass("current");
2.移除类
$("div").removeClass("current");
3.切换类
$("div").toggleClass("current");
类操作与calssName区别
原生js中className会覆盖元素原先里面的类名。
jQuery里面类操作只是对指定类进行操作,不影响原先的类名。
隐式迭代
就是把匹配的所有元素进行循环遍历,执行相应的方法
简单理解:给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。
jQuery对象和DOM对象
DOM对象:用原生js获取过来的对象就是DOM对象
jQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)
jQuery对象只能使用jQuery方法,DOM对象则使用原生的Javascript属性和 方法
//比如用document.qys()获取过来的元素
myDiv.style.display = 'none';//进行隐藏
//而不能使用
myDiv.hide();//报错
//反之也是一样的
$('div').style.display = 'none';//报错