jQuery基础用法

一、文档就绪事件

（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() 方法用于获取属性值、设置属性