jQuery 使用手册(一)_jquery

一：核心部分
$(expr)
说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础
参数：expr：字符串，一个查询表达式或一段html字符串
例子：
未执行jQuery前：

p>onep>
div>
p>twop>
div>
p>threep>
a href="#" id="test" onClick="jq()" >jQuerya>

jQuery代码及功能：

function jq(){
alert($("div > p").html());
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

function jq(){
$("

Hello

").appendTo("body");
}

运行：当点击id为test的元素时，向body中添加“

Hello

”

$(elem)
说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象
参数： elem：通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

p>onep>
div>
p>twop>
div>p>threep>
a href="#" id="test" onClick="jq()">jQuerya>

jQuery代码及功能：

function jq(){
alert($(document).find("div > p").html());
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

function jq(){
$(document.body).background("black");
}

运行：当点击id为test的元素时，背景色变成黑色

$(elems)
说明：限制jQuery作用于一组特定的DOM元素
参数： elem：一组通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

form id="form1">
input type="text" name="textfield">
input type="submit" name="Submit" value="提交">
form>
a href="#" id="test" onClick="jq()">jQuerya>

jQuery代码及功能：

function jq(){
$(form1.elements ).hide();
}