jQuery

jQuery：

　　是什么：

　　　　是一个工具，可以更加方便实现dom操作

　　　　类似于python中的模块，库，在前端中称呼为“类库”

jQuery几个方面：

　　查找标签

　　修改属性样式

　　事件

　　Ajax异步请求

　　插件机制

注意事项：

　　一定要先导入才能使用，

　　可以去官网下载jQuery包，可以下载压缩过的包，文件大小小点

　基础语法：

　　$(selector).accion()

　标签查找：

　　1、id查找

　　2、类名查找

　　3、标签查找

　　4、组合查找

　　提出注意点，原生DOM查找和jQuery查找出来的结果区别DOM对象与jQuery对象

　　// DOM对象与jQuery对象互相转换
　　$('#d1')[0]
　　var d1Ele = document.getElementById('d1');
　　$(d1Ele)

　　层级选择器：

　　后代

　　儿子

　　毗邻

　　弟弟

　　基本筛选器：

　　

// 用ul标签举例
$('#ul>li:first')
$('#u1>li:last')
$('#ul>li:eq(3)')
$('#ul>li:even')
$('#ul>li:odd')
$('#ul>li:gt(3)')
$('#ul>li:lt(3)')
$('#u1>li:not(.c1)')

// 最后一个has的玩法需要写个三个div
// 一个空div
// 一个儿子有a标签
// 一个儿子没有a，孙子有a标签
$('div:has(a)')

样式操作(原生DOM和jQuery实现标签红绿变幻)
addClass();// 添加指定的CSS类名。
removeClass();// 移除指定的CSS类名。
hasClass();// 判断样式存不存在
toggleClass();// 切换CSS类名，如果有就移除，如果没有就添加。

jQuery操作模态框显隐(类添加隐藏类)

# 针对表单内的标签
$('input[type="text"]')
# 简化写法
$(':text')

# 找到所有被选中的checkbox
$(':checkbox')  # 注意select框中默认selected标签也会被找到
$('input:checkbox')

筛选器方法

# 避免$('input:first')太麻烦
$('input').first()

$("#id").next()
$("#id").nextAll()
$("#id").nextUntil("#i2")

$("#id").prev()
$("#id").prevAll()
$("#id").prevUntil("#i2")

$("#id").parent()
$("#id").parents()  // 查找当前元素的所有的父辈元素
$("#id").parentsUntil() // 查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。

$("#id").children();// 儿子们
$("#id").siblings();// 兄弟们

<div>
    <p>p1</p>
    <p>p2</p>
</div>

$('div>p').first().addclass('c1').next().addclass('c2');

# python代码诠释链式调用,其实就是在调用方法之后讲对象再次返回