jQuery基础巩固--jQuery核心方法（一）（jquery()）

jQuery([selector, [context]])

该函数接收一个包含CSS选择器的字符串，然后用这个字符串去匹配一组元素。 jQuery的核心功能都是通过这个函数实现的。

 

jQuery(selector, [context])

selector：css选择器

context：作为待查找的DOM元素集、文档或jQuery对象。

 

jQuery(element) 

element： 一个用于封装成jQuery对象的DOM元素

 

jQuery(elementArray)

elementArray： 一个用于封装成jQuery对象的DOM元素数组

 

jQuery(object)

object： 一个用于封装成jQuery对象的普通对象

 

jQuery(jQuery object)

jQuery object：一个用于 克隆的已存在的jQuery对象

 

jQuery()                                 V1.4

返回一个空的jQuery对象

 

 

示例：

1、查找id为mydiv的<div>元素

$("div#mydiv")

 

2、查找#mydiv里的<p>元素

$("p",$("#mydiv"));

 

$("#mydiv").click(function(){

     return $("p",this)

});

3、设置页面背景

$(document.body).css('background-color','#ccc');

 

4、

var obj = {

     'name': 'nico',

     'age': 20

};

 

$obj = $(obj);

$obj.prop('name', 'john');

alert($obj.prop('name')); //'john'

 

jQuery(html [, ownerDocument])   

根据提供的原始HTML标记字符串，动态创建DOM元素。创建单个元素时请使用闭合标签。

 

语法：jQuery(html [, ownerDocument])                v1.0

           jQuery(html , props)                               v1.4

参数：html    htmlString                   

           ownerDocument    document      创建DOM元素所在的文档

 

          html  htmlString

          props 用于添加到新创元素上的事件方法属性等。

 

示例：

1、创建一个div元素并追加到div中

$("<div>hello</div>").appendTo("body");

 

2、创建一个<input>，同时设置type属性。 

$("<input />").attr("type","button");      

   

 

3、创建一个<div>，同时设置id、内容及事件

$("<div/>",{

     'id': 'mydiv',

     'text': 'hello world',

     'mouseenter': function(){

          $(this).css('font-weight','bold');

     },

     'mouseleave': function(){

          $(this).css('font-weight','');

     }

}).appendTo("body");

 

jQuery(callback)

$(document).ready()的简写，允许绑定一个当DOM文档载入以后执行的函数。

callback：当DOM加载完成后要执行的函数。

示例：

1、当文档加载完毕后执行函数

$(function(){

     //do something

});

 

2、使用简写，且不论全局$是什么，内部仍然用$作为别名

jQuery(function($){

     //do something

});