$.html()函数,jQuery函数与对象(一)

一、jQuery函数

jQuery函数的两种表现形式：

1、jQuery()

2、$()

说明：

在jQuery中使用jQuery()与$()是等价的,一般情况下均使用$()

jQuery函数中可以存放的四种参数形式：    【返回的均是jQuery对象】

1、$(选择器字符串)

jQuery函数通过相应选择器获取对应的DOM对象，然后将这些DOM封装到一个jQuery对象中并返回

eg:

var $div = $('div');　　//选取所有div元素节点并返回有这些DOM节点封装到一个jQuery对象中

2、$(DOM对象)(即Node的实例)

jQuery函数将该DOM对象封装成jQuery对象并返回

eg：

var div = document.getElementsByTagName('div');

var $div = $(div); //将DOM对象转化为jQuer对象

3、$(HTML文本字符串)

jQuery函数会根据传入的文本创建好HTML元素并封装成jQuery对象返回

eg：

var $div = $("

one

"); //创建一个类名为one的div标签且将其封装成一个jQuery对象并返回

4、$(匿名函数)

当文档结构加载完毕之后jQuery函数调用匿名函数

eg:

$(function(){ }); //文档结构加载完毕后执行function函数中的代码

$(document).ready(function(){ }); //将document节点转化为jQuery对象在调用对象ready()方法实现文档加载完毕后再执行函数内代码

二、jQuery对象 【一般在变量前加$用来表示其为jQuery对象】

1、jQuery对象的一些相关说明

a、jQuery对象是jQuery函数的实例，他可以调用jQuery原型中定义的一些方法

b、jQuery对象是一个类数组对象，内部存放的元素是DOM对象

c、jQuery对象的获取通常是使用选择器来获取  【eg: $(选择器字符串)】

d、jQuery对象的操作实际上就是对jQuery数组中DOM对象的批量操作

2、jQuery对象与DOM对象之间的相互转化

a、jQuery对象转化为DOM对象

eg：

$('div')[0]; //在jQuery对象后面添加数值下标即可选择其获取到的JQuery类数组对象中相应位置存放的DOM对象

b、DOM对象转化为JQuery对象

eg：

var div = document.getElementsByTagName('div'); //多个div返回的是一个DOM类数组对象

var $div = $(div); //将DOM对象作为jQuery函数的参数即可将该DOM对象转化为jQuery对象

标签：jQuery,函数,DOM,对象,eg,div

来源： https://www.cnblogs.com/nzcblogs/p/11256902.html