jQuery基础

 

<!--jQuery 语法-->

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

jQuery 中所有选择器都以美元符号开头：$()。

元素选择器
jQuery 元素选择器基于元素名选取元素。
在页面中选取所有 <p> 元素:
$("p")

#id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。

通过 id 选取元素语法如下：
$("#test")

.class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。

语法如下：
$(".test")

/********************************************/

<!--常用jQuery 事件-->

在 jQuery 中，大多数 DOM 事件都有一个等效的 jQuery 方法。

页面中指定一个点击事件：

$("p").click();
下一步是定义了点击后触发事件。您可以通过一个事件函数实现：

$("p").click(function(){
    // 动作触发后执行的代码!!
});

/********************************************/

$(document).ready()

$(document).ready() 方法允许我们在文档完全加载完后执行函数。

click()

click() 方法是当按钮点击事件被触发时会调用一个函数。

该函数在用户点击 HTML 元素时执行。

在下面的实例中，当点击事件在某个 <p> 元素上触发时，隐藏当前的 <p> 元素：

$("p").click(function(){ $(this).hide(); });

/********************************************/