jQuery
一 jQuery核心函数:
1 jQuery(expression,[context])执行查询功能。
--expression 要查询的字符串
--context 待查找的元素集、文档或jQuery对象
eg:$("div > p");查找包含在div块中的p标记及其包含的东西,如
HTML 代码:
<p>one</p> <div><p>two</p></div> <p>three</p>
jQuery 代码:
$("div > p");结果:
[ <p>two</p> ]
2 jQuery(html,[ownerDocument])执行添加DOM元素功能
--html 动态创建的DOM元素的HTML标记字符串
--ownerDocument 创建DOM元素所在的文档
eg:
动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。
jQuery 代码:
$("<div><p>Hello</p></div>").appendTo("body");
3 jQuery(elements)将DOM元素转化为jQuery对象
--用于封装成jQuery对象的DOM元素
eg:
设置页面背景色。
jQuery 代码:
$(document.body).css( "background", "black" );
4 jQuery(callback)
$(document).ready()的简写。绑定一个文档加载完成后执行的函数
--callback 当DOM加载完成后要执行的函数
eg:
当DOM加载完成后,执行其中的函数。
jQuery 代码:
$(function(){
// 文档就绪
});
一 jQuery核心函数:
1 jQuery(expression,[context])执行查询功能。
--expression 要查询的字符串
--context 待查找的元素集、文档或jQuery对象
eg:$("div > p");查找包含在div块中的p标记及其包含的东西,如
HTML 代码:
<p>one</p> <div><p>two</p></div> <p>three</p>
jQuery 代码:
$("div > p");结果:
[ <p>two</p> ]
2 jQuery(html,[ownerDocument])执行添加DOM元素功能
--html 动态创建的DOM元素的HTML标记字符串
--ownerDocument 创建DOM元素所在的文档
eg:
动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。
jQuery 代码:
$("<div><p>Hello</p></div>").appendTo("body");
3 jQuery(elements)将DOM元素转化为jQuery对象
--用于封装成jQuery对象的DOM元素
eg:
设置页面背景色。
jQuery 代码:
$(document.body).css( "background", "black" );
4 jQuery(callback)
$(document).ready()的简写。绑定一个文档加载完成后执行的函数
--callback 当DOM加载完成后要执行的函数
eg:
当DOM加载完成后,执行其中的函数。
jQuery 代码:
$(function(){
// 文档就绪
});