jQuery核心函数

来源:互联网 发布:小米聊天软件 编辑:程序博客网 时间:2024/06/06 05:37

一,jQuery([selector,[context]])

这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。

jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是

向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。

例如:

1.找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。

$("div > p");
    2.设置页面背景色。

$(document.body).css( "background", "black" );
    3.获取body下面的所有div的个数

$("div","body").length


二,jQuery(html,[ownerDocument]) 

根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。

html (String) : 用于动态创建DOM元素的HTML标记字符串

ownerDocument (Document) : 可选,创建DOM元素所在的文档

例如:

$("<div>Hello Bingo!</div>").appendTo("body"); //在body后面追加一段html代码(<div>Hello Bingo!</div>);

备注:动态创建input的时候必需同时创建type属性,例:$("<input type='checkbox'>");

// 在 IE 中无效:$("<input>").attr("type", "checkbox");// 在 IE 中有效:$("<input type='checkbox'>");
   例如:

创建一个 <input> 元素,同时设定 type 属性、属性值,以及一些事件。

$("<input>", {  type: "text",  val: "Test",  focusin: function() {    $(this).addClass("active");  },  focusout: function() {    $(this).removeClass("active");  }}).appendTo("form");


三,jQuery(callback ) 

$(document).ready()的简写。

callback (Function) : 当DOM加载完成后要执行的函数

也可以写成:$();

四,jQuery(html, props)

说明:根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。

html (String) : 用于动态创建DOM元素的HTML标记字符串

props (Map) : 用于附加到新创建元素上的属性、事件和方法

实例:$("div",{

        "class":"test","alt":"click me!",

        "click":function(){

           alert("你点了我!");}

        }).appendTo("body"); //在body后面追加一个div,div的class是test,alt是click me!,并带有点击事件!

五,jQuery(elements)

说明:将一个或多个DOM元素转化为jQuery对象。

elements (Element, Array<Element>) : 用于封装成jQuery对象的DOM元素

实例:$(document.body).css( "background", "black" ); //注意,这里与jquery选择器不同哦!



0 0
原创粉丝点击