1、jQuery选择器选中元素进行样式的操作,都是给dom元素添加行内样式;以下方法都是获取元素后元素的基本方法:$("input[type='checkbox']").parent().is("form")
![](https://img.haomeiwen.com/i11823378/9f2a05b8f072bd4d.png)
addClass();//在原有基础上添加类名,attr();//直接替换; addClass();/removeClass();/toggleClass();/hasClass();/css(); // toggleClass();底层封装的便是hasClass();/removeClass();/hasClass(); if($().hasClass()){removeClass()}else{$().addClass()}
css("width");//取值; css("width","100px");//赋值; css({width:"100px",height:"100px"});//多个属性赋值,灵活应用
![](https://img.haomeiwen.com/i11823378/966d372f0cdaf253.png)
html();/text(); - - - >>> 原生js中innerHTML():/innerText();[其同原生js相同也会清空元素内容后添加];html();/test();/val();//可读可写;html();/test();获取到元素内容是字符串形式的,应用场景中往往需要将其转换为数字进行操作,所以parseInt();/parseFloat();需正确使用;[有些应用场景将其转换为数字,不使用parseInt();方法也不会出错,底层原因是存在隐式类型转换,有些场景会出错,所以建议转换为数字时,使用parseInt();/parseFloat();]
![](https://img.haomeiwen.com/i11823378/5193328546a94639.png)
![](https://img.haomeiwen.com/i11823378/4482af55bc97a219.png)
![](https://img.haomeiwen.com/i11823378/4a8b4206f9a47f4d.png)
css(); each(); .length; index(); get();//应用场景都特别广泛,同时$(fn);表示立即执行函数 get(index);index可为正数也可为负数(倒着取元素,底层length+num),不写参数表示取到所有匹配元素即可;
![](https://img.haomeiwen.com/i11823378/7ebc87bef93855a5.png)
2、demo练习;
网友评论