jQuery基础

标签：com   color   tps   test   hid   隐藏   doc   定义   完全   

转自：http://www.runoob.com/js/js-libraries.html

jQuery是一个JavaScript函数库，是一个“写的少，做的多”的JavaScript库，包括以下功能：

• HTML元素选取
• HTML元素操作
• CSS操作
• HTML事件函数
• JavaScript特效和动画
• HTML DOM遍历和修改
• AJAX
• Utilities

除此之外，Jquery还提供了大量的插件

1添加jQuery引用

菜鸟教程CDN：

<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">

百度CDN：

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

又拍云CDN：

<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">

新浪CDN：

<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">

2 jQuery语法

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

2.1基础语法：

　　$(selector).action()

• 美元符号定义jQuery
• 选择符（selector）“查询”金额“查找”HTML元素
• jQuery的action()执行对元素的操作

实例：

• $(this).hide()：隐藏当前元素
• $("p").hide()：隐藏所有<p>元素
• $("p.test").hide()：隐藏所有class="test"的<p>元素
• $("#test").hide()：隐藏所有id="test"的元素

2.2 文档就绪事件

1     $(document).ready(function($) {
2         //jQuery代码....
3     });

将代码放到文档就绪事件中，是为了防止文档在完全加载（就绪）之前就运行jQuery代码。

jQuery基础

标签：com   color   tps   test   hid   隐藏   doc   定义   完全   

原文地址：http://www.cnblogs.com/imstrive/p/6648440.html