一、文档就绪事件

(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里面有哪些方法吗 jquery中常用的方法_选择器

三、jQuery事件

常见dom事件

jquery里面有哪些方法吗 jquery中常用的方法_jQuery基础_02

focus():当元素获得焦点时,发生focus事件

blur():当元素失去焦点时,发生blur事件

jquery里面有哪些方法吗 jquery中常用的方法_jQuery_03

四、隐藏与显示:hide(), show()

jquery里面有哪些方法吗 jquery中常用的方法_html_04

toggle()

可以使用toggle()方法来切换hide()和show()方法

jquery里面有哪些方法吗 jquery中常用的方法_jQuery基础_05

五、text(), html(), val(), attr()

三个简单实用的用于 DOM 操作的 jQuery 方法:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

jquery里面有哪些方法吗 jquery中常用的方法_选择器_06

设置内容:text(), html(), val()

jquery里面有哪些方法吗 jquery中常用的方法_jquery里面有哪些方法吗_07

获取属性:attr()

jQuery attr() 方法用于获取属性值、设置属性

jquery里面有哪些方法吗 jquery中常用的方法_jQuery基础_08