一、 jQuery语法
jQuery是通过选取HTML元素,并对选取的元素执行某些操作。
基础语法:$(selector).action()
1)美元符号定义jQuery
2)选择符(selector)“查询”和“查找”HTML元素
3)jQuery的action()执行对元素的操作
示例:
//隐藏当前元素
$(this).hide()
//隐藏所有<p>元素
$("p").hide()
//隐藏所有class="test"的<p>元素
$("p.test").hide()
//隐藏所有id="test"的元素
$("#test").hide()
二、文档就绪事件
为了防止文档在完全加载(就绪)之前运行jQuery代码,即DOM加载完成之后才可以对DOM进行操作。
1)jquery入口函数
$(document).ready(function(){
//执行代码
});
或
$(function(){
//执行代码
});
2)JavaScript入口函数
window.onload = function () {
//执行代码
}
3)jQuery入口函数与JavaScript入口函数的区别:
a、jQuery的入口函数是在html所有标签(DOM)都加载之后再去执行。
b、JavaScript的window.onload事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。