jQuery核心函数

1.前言

使用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对象。

2.例子

下面的代码示范了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>

3.运行结果




你可能感兴趣的:(jquery,web开发)