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
});