- 引用微软jQuery压缩版引用地址:
<scriptsrc=“https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js”></s cript> - jQuery是一个JavaScript函数库。
- jQuery库功能: HTML 元素选取、HTML 元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和修改、AJAX、Utilities。
- jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector).action()
- $(document).ready(function(){ // 开始写 jQuery 代码… });
- jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"HTML 元素。 基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。
- #id 选择器:$("#test").hide();
- .class 选择器:$(".test").hide();
- 常见的Dom事件:
mouseenter()方法:当鼠标指针穿过(进入)被选元素时发生
click()方法:当单击元素时发生,$(“p”).click(function(){alert(“段落被点击了。”);});
focus()方法:元素获得焦点
blur()方法:元素失去焦点 - 淡入淡出:fadeIN()、fadeOut()、fadeToggle()、fadeTo()
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值 alert(“值为: " + $(”#test")
- .val())attr() 方法用于获取属性值
- 添加新的 HTML 内容:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容 - 删除元素:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素 - 操作css:
addClass() 方法:向不同的元素添加 class 属性
removeClass() 方法:在不同的元素中删除指定的 class 属性
toggleClass() 方法:被选元素进行添加/删除类的切换操作
jQuery学习笔记
最新推荐文章于 2022-12-17 11:15:10 发布