jQuery核心函数

最新推荐文章于 2021-07-15 11:05:48 发布

Owen William

最新推荐文章于 2021-07-15 11:05:48 发布

阅读量1.2k

点赞数

分类专栏： jQuery 文章标签： web开发 jquery

本文链接：https://blog.csdn.net/owen_william/article/details/51339739

版权

jQuery 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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>