jQuery 使用手册(一)_jquery
程序员文章站
2022-05-25 09:34:08
...
一:核心部分
$(expr)
说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础
参数:expr:字符串,一个查询表达式或一段html字符串
例子:
未执行jQuery前:
$(expr)
说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础
参数:expr:字符串,一个查询表达式或一段html字符串
例子:
未执行jQuery前:
p>onep>
div>
p>twop>
div>
p>threep>
a href="#" id="test" onClick="jq()" >jQuerya>
div>
p>twop>
div>
p>threep>
a href="#" id="test" onClick="jq()" >jQuerya>
jQuery代码及功能:
function jq(){
alert($("div > p").html());
}
alert($("div > p").html());
}
运行:当点击id为test的元素时,弹出对话框文字为two,即div标签下p元素的内容
function jq(){
$("").appendTo("body");
}
$("
Hello
}
运行:当点击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>
div>
p>twop>
div>p>threep>
a href="#" id="test" onClick="jq()">jQuerya>
jQuery代码及功能:
function jq(){
alert($(document).find("div > p").html());
}
alert($(document).find("div > p").html());
}
运行:当点击id为test的元素时,弹出对话框文字为two,即div标签下p元素的内容
function jq(){
$(document.body).background("black");
}
$(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>
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();
}
$(form1.elements ).hide();
}