文章目录
- 概述
- DOM对象与jQuery对象的转换
- 如何解决jQuery与其他JS库共存问题($符号)
- 常用API
- 选择器（9大类）
- 1、基本选择器
- 2、层级选择器
- 3、属性选择器
- 4、基本过滤选择器
- 5、内容过滤选择器
- 6、可见性过滤选择器
- 7、子元素过滤选择器
- 8、表单过滤选择器（用处不大）
- 9、表单对象滤选择器
- 属性
- 1、属性
- 2、CSS 类
- 3、HTML代码/文本/值
- 4、筛选
- 5、文档处理
- 6、事件
- 7、效果
概述
jQuery是javascript类库，简称JS库。它预定义了一套对象和函数，简化了javascript的开发，帮开发者建立高难度交互的web2.0特性的富客户端页面。
jQuery的四个模块
1.jQuery - 应用于PC端Web
2.jQuery UI - 应用于Web页面效果
3.jQuery Mobile - 应用于移动端Web
4.Qunit - 应用于javascript代码的测试
jQuery特点
1.jQuery支持链式操作
示例：$(“#username”).val()
2.jQuery对象是类数组对象，获取元素2种方式
- jQuery[index]
- get(index)
使用jQuery的步骤
1.在HTML页面中引入jQuery文件
2.通过jQuery提供的选择器获取元素
3.使用jQuery提供的API内容完成功能
DOM对象与jQuery对象的转换
1.DOM对象转换为jQuery对象
语法： $(DOM对象)
示例：
var username = document.getElementById("username");// DOM对象
var $username = $(username);// 转换为jQuery对象
console.log($username.val());//使用jQuery方法
2.jQuery对象转换为DOM对象
语法： 获取第0个下标
示例：
var $uName = $("#uName");//jQuery对象
var uName1= $uName[0];//转换为DOM对象
console.log(uName1.value);//使用DOM方法
如何解决jQuery与其他JS库共存问题($符号)
1、先引入多个JS库，先调用的优先级高（如果发生符号冲突）
解决办法：4个
-
不再使用"$“,而使用"jQuery”
-
调用jQuery.noConflict()方法,将"$“符号的使用权交出(供其他JS库使用)
当调用该方法之后,如果再使用jQuery的话,只能使用"jQuery” -
先调用jQuery.noConflict()方法&#
, ＜f8)
