首页 > 代码库 > jQuery基础

jQuery基础

转自: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基础