一、文档就绪事件
(1)jQuery入口函数
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});
javascript入口函数
window.onload = function () {
// 执行代码
}
jQuery 入口函数与 JavaScript 入口函数的区别:
- jQuery 的入口函数:在 html 中的DOM结构加载完毕之后,就会去执行。
- JavaScript 的 window.onload事件 :必须等待网页全部元素(包括图片等)加载完后,才会执行。
二、jQuery选择器
元素选择器
$("p")
id选择器
$("#name")
.class选择器
$(".name")
三、jQuery事件
常见dom事件
focus():当元素获得焦点时,发生focus事件
blur():当元素失去焦点时,发生blur事件
四、隐藏与显示:hide(), show()
toggle()
可以使用toggle()方法来切换hide()和show()方法
五、text(), html(), val(), attr()
三个简单实用的用于 DOM 操作的 jQuery 方法:
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
设置内容:text(), html(), val()
获取属性:attr()
jQuery attr() 方法用于获取属性值、设置属性