1、介绍
是一个js库,极大简化了js编程。
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
2、语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
$(selector).action()
(1)入口函数
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});
3、选择器
//元素选择器,选择所有p元素
$("p")
//id选择器
$("#test")
//类选择器
$(".test")
//当前元素
$(this)
4、事件
$("p").click(function(){
// 动作触发后执行的代码!!
});
常见事件:
$(document).ready()
click()
dblclick()
mouseenter()
mouseleave()
mousedown()
mouseup()
hover()
focus()
blur()
5、设置或获取
- text() – 设置或返回所选元素的文本内容
- html() – 设置或返回所选元素的内容(包括 HTML 标签)
- val() – 设置或返回表单字段的值
- attr() – 获取属性,设置属性
6、元素操作
- append() – 在被选元素的结尾插入内容,可以作为html,仍然在元素中
- prepend() – 在被选元素的开头插入内容
- after() – 在被选元素之后插入内容
- before() – 在被选元素之前插入内容
- remove() – 删除被选元素(及其子元素),无参,也可以有参,指定被删除元素
- empty() – 从被选元素中删除子元素,无参
- addClass() – 向被选元素添加一个或多个类
- removeClass() – 从被选元素删除一个或多个类
- toggleClass() – 对被选元素进行添加/删除类的切换操作
- css() – 设置或返回样式属性