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核心函数相关推荐

JavaWeb开发前端语言：jQuery（一） jQuery核心函数、jQuery对象、jQuery选择器、以及jQuery元素筛选
JavaWeb开发前端语言:jQuery 1.jQuery介绍 1.1 jQuery的初使用 1.2 使用jQuery的常用问题解析 2. jQuery核心函数介绍 3.区分jQuery对象与dom ...
jQuery简介、引入jQuery、jQuery核心函数、jQuery对象、jQuery对象操作class、addclass补充、jQuery对象复制——jQuery
目录一.jQuery简介二.引入jQuery 三.jQuery核心函数四.jQuery对象五.jQuery对象操作class 六.addClass补充七.jQuery对象复制一.jQuer ...
[jQuery基础] jQuery核心函数和工具方法
核心函数核心函数调用jQuery的核心函数 $() jQuery 传递一个函数 $(function () {alert("hello lnj") } 接受一个字符串选择器返 ...
jQuery核心函数的使用总结
1.作为一般函数的调用:$(param) (1)参数为函数:当dom加载完之后,执行此回调函数例如: $(function() {//这里的参数就是函数}) (2)参数选择器字符串:查询所有匹配的字 ...
jQuery的核心函数
jQuery的核心函数有两个$和jQuery 我们拿两个例子来说一下这两种代码都可以执行通过
Mr.J-- jQuery学习笔记(二)--核心函数jQuery对象
核心函数函数列表函数说明:jQuery() 主要用于获取HTML DOM元素并将其封装为jQuery对象 jQuery(): jQuery()函数是jQuery库的最核心函数,jQuery的 ...
jQuery(动画，核心函数)
基本的HTML布局 <div id="box"><img src="1.jpg" alt=""><img sr ...
解密jQuery内核 DOM操作的核心函数domManip
domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数对封装的节点操作做了参数 ...
从零开始学习jQuery (九) jQuery工具函数
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
从零开始学习jQuery (九) jQuery工具函数【转】
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 我们经常要使用脚本处理各种业务逻辑, 最常见的就 ...

jQuery核心函数

1.前言

2.例子

3.运行结果

jQuery核心函数相关推荐

最新文章

热门文章