全栈记

2 jQuery02 元素基本方法(样式操作)

2019-05-10  本文已影响0人  官清岁月

1、jQuery选择器选中元素进行样式的操作,都是给dom元素添加行内样式;以下方法都是获取元素后元素的基本方法:$("input[type='checkbox']").parent().is("form")

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"});//多个属性赋值,灵活应用

html();/text(); - - - >>> 原生js中innerHTML():/innerText();[其同原生js相同也会清空元素内容后添加];html();/test();/val();//可读可写;html();/test();获取到元素内容是字符串形式的,应用场景中往往需要将其转换为数字进行操作,所以parseInt();/parseFloat();需正确使用;[有些应用场景将其转换为数字,不使用parseInt();方法也不会出错,底层原因是存在隐式类型转换,有些场景会出错,所以建议转换为数字时,使用parseInt();/parseFloat();]

css(); each(); .length; index(); get();//应用场景都特别广泛,同时$(fn);表示立即执行函数                  get(index);index可为正数也可为负数(倒着取元素,底层length+num),不写参数表示取到所有匹配元素即可;

2、demo练习;

上一篇 下一篇

猜你喜欢

热点阅读