一,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");
callback (Function) : 当DOM加载完成后要执行的函数
也可以写成:$();
说明:根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。
html (String) : 用于动态创建DOM元素的HTML标记字符串
props (Map) : 用于附加到新创建元素上的属性、事件和方法
实例:$("div",{
说明:将一个或多个DOM元素转化为jQuery对象。
elements (Element, Array<Element>) : 用于封装成jQuery对象的DOM元素
实例:$(document.body).css( "background", "black" ); //注意,这里与jquery选择器不同哦!