526互联

jquery

发布时间 2023-04-20 09:33:10作者: 挖洞404

jQuery 教程 | 菜鸟教程 (runoob.com)

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() – 设置或返回样式属性

checkbox jquery