设置或读取元素属性（涉及元素状态的用prop,属性取值是布尔的）

移除指定标签属性

操作元素样式

1. 写好css样式，然后动态添加属性id和类到元素
2. 对类名有一组方法方便操作（因为类名不唯一）
   1. addClass(“className”) 为元素添加类名
   2. removeClass(“className”) 移除指定类名
   3. toggleClass(“className”) 借助用户行为更改(比如点击事件)，有则删除，无则添加
3. 操作行内样式
   1. css(“attr”,”value”); 缺点修改样式多就变得复杂
   2. css(Json对象)；传递一个json对象
   3. json对象：定义就是花括号，键和值都是字符串格式(推荐统一使用双引号){“name”:”abd”,”age”:”23”}

根据层次结构来获取元素

1. parent()获取父元素，父元素唯一
2. parents()/parents(“selector”) 获取祖先元素/满足选择器的父元素
3. children()/children(“selector”) 获取直接子元素列表，可以循环获取,多个div获取多个子元素
4. find(“selector”) 获取指定后代元素
5. next()/next(“selector”) 获取下一个兄弟元素
6. prev()/prev(“selector”) 获取上一个兄弟元素
7. siblings()/siblings(“selector”) 获取所有兄弟元素

元素的创建添加删除

1. 创建元素
   1. $(“直接写标签内容”)
2. 添加元素
   1. 作为子元素添加

      $parent.append(element); 添加到末尾

      $parent.prepend(element); 添加到开头

   2. 作为兄弟元素添加

      $obj.before(element) 在obj之前添加元素

      $obj.after(element) 在obj之后添加元素

3. 删除元素
   1. obj.remove() 谁调用谁删除

事件处理

1. 窗口加载完毕

   原生js用onload

   js和jq的区别：

   • 原生js的onload会造成覆盖问题，需要手动检测，jq的ready方法已经封装好检测，不需要考虑覆盖问题
   • js会等所有元素加载完毕，jq是元素节点加载完毕

jquery使用ready()表示

*   语法1：$(document).ready( function)  文档加载完毕
*   语法2：$().ready(function) 文档加载完毕执行
*   语法3：$(function)  文档加载完毕执行

1. this关键字

   1. this关键字是原生的js对象，需要转换为jq对象使用

2. 绑定方式（省略“on”的事件）

   1. 使用on() 绑定：
      1. $(‘h1’).on(“click”,function (){})
   2. 使用bind绑定：(本质就是on)
      1. $(‘h1’).bind(“click”,function (){})
   3. 将省略on前缀的事件名称做为方法名直接调用,例：$(‘h1’).click(function(){}) onclick省略on

3. 事件对象的获取和使用同原生JS

   1. 在传递的函数中添加参数event ，function(event)(){}