美文网首页全栈记
2 jQuery02 元素基本方法(样式操作)

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

作者: 官清岁月 | 来源:发表于2019-05-10 18:25 被阅读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练习;

相关文章

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

    1、jQuery选择器选中元素进行样式的操作,都是给dom元素添加行内样式;以下方法都是获取元素后元素的基本方法:...

  • jQuery元素的操作

    样式操作样式的设置 css方法操作的是元素的行内样式//css方法// $('#test').css('backg...

  • 第6节: 元素样式的操作

    知识讲解: 除调用css方法实现在元素样式的设置外,jQuery还有专门的样式方法,对元素的样式进行操作,代码如下...

  • 如何用js改变伪元素的样式?

    在工作偶尔会遇到改变伪元素样式的场景,虽然也有很多解决方法,但是这个方法能让你像操作正常元素一样操作伪元素样式。

  • JQuery-常用API

    css jQuery中元素样式的操作方式: 1. 对象.css(); 2. 类样式的方式(后面三个方法) css(...

  • jQuery 样式操作

    jQuery 样式操作 1、基本样式操作 设置样式属性操作 获取样式属性操作 2、类样式操作 添加类样式 移除类样...

  • jQuery基础

    一.jQuery基本功能 1.访问和操作DOM元素: $(".oDiv"").val(); 2.控制页面样式. $...

  • No.33 jQuery样式操作

    一、操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式; 也可以操作类,修改多个样式。 参...

  • DOM—CSS 操作

    HTML元素的style属性 操作 CSS 样式最简单的方法,就是使用网页元素节点的getAttribute方法、...

  • WebAPI(二)

    (一)操作元素样式 1.通过style操作元素的样式 语法:元素.style.样式属性名 = '样式属性值'; 代...

网友评论

    本文标题:2 jQuery02 元素基本方法(样式操作)

    本文链接:https://www.haomeiwen.com/subject/bkccxqtx.html