jQuery简介（三）

jQuery简介（三）

 

讲解attr() removeAttr() 设置元素的属性

• 用JS方法与JQ方法给一个只有ID的盒子添加类

在JS中添加或删除某个属性

例如删除box元素中的id或class属性

就是removeAttribute（移除属性）

代码 ：box.removeAttribute("class");也可以移除ID。

  JQ方法

在JQ中attract（）已经是封装好的一个方法

例如在JQ中添加某个属性

 $("#box").attr("index", "123");

 

获取index属性，获取元素方法不变，只需传入一个参数

获取属性时传入一个参数是获取，传入两个参数就是设置值。

在JQ中使用removeAttr方法移除某个元素

先获取元素加上renoveAttr（）填入需要删除的属性

例如删除新添加的index属性。

 

• 对class类的操作 addClass() removeClass() toggleClass() hasClass()

开始代码

 <button id="btn">class切换</button>

在JS中操作类的方法

在JQ中操作类的方法

toggleClass()方法先判断是否存在，再进行切换

例如绑定一个切换按钮，选择到(#box),添加点击事件

点击切换隐藏或显示

点击切换前后的效果