标签:
使用jQuery的第一步就是获取jQuery对象,jQuey库中获取jQuery对象主要有如下两种方式:
1) 使用$()函数或用jQuery对象提供的,利用父子关系来返回有jQuery对象。
2) jQuery对象的调用方法改变自身后将再次返回该jQuery对象。
所以jQuery()函数获取jQuery对象的重要途径,该函数主要有如下用法:
1) jQuery(expression,[context]):该函数获取expression对应的DOM对象包装成的jQuery对象。
2) jQuery(elements):将一个或多个DOM元素包装为jQuery对象。
3) jQuery(html,[ownerDocument]):该函数根据html参数来创建一个或多个DOM对象,返回包装这些DOM对象的jQuery对象。
4) jQuery(html,props):该函数根据html参数创建一个或多个DOM对象,返回包装这些对象DOM对象的jQuery对象。
5) jQuery(object):把普通对象包装成jQuery对象。
下面的代码示范了jQuery函数的几种用法。
<!DOCTYPE html> <html> <head> <meta name="author" content="OwenWilliam /> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title> 使用jQuery()函数 </title> </head> <body> <div id="lee"></div> <div id="yeeku"></div> <script type="text/javascript" src="../jquery-1.8.0.js"> </script> <script type="text/javascript"> // 获取所有<div.../>标签对应的DOM对象 $("div").append("新增的内容"); // 直接将一个DOM对象包装成jQuery对象 $(document.getElementById('lee')) .css("background-color" , "#aaffaa") .css("border" , "1px solid black"); // 使用HTML字符串创建一个DOM对象,并将添加到body元素内 $("<input type='button' value='单击我'/>") .appendTo(document.body); // 使用HTML字符串创建一个DOM对象,并在创建时添加属性 $("<input/>", { type:"button" , value: "有惊喜", click: function(){alert("惊喜时刻!");} }) .appendTo(document.body); </script> </body> </html>
标签:
原文地址:http://blog.csdn.net/owen_william/article/details/51339739