欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery 使用手册(一)_jquery

程序员文章站 2022-05-25 09:34:08
...
一:核心部分
$(expr)
说明:该函数可以通过css选择器,Xpath或html代码来匹配目标元素,所有的jQuery操作都以此为基础
参数:expr:字符串,一个查询表达式或一段html字符串
例子:
未执行jQuery前:
jQuery 使用手册(一)_jqueryp>onep>
jQuery 使用手册(一)_jquery
div>
jQuery 使用手册(一)_jquery
p>twop>
jQuery 使用手册(一)_jquery
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前:

jQuery 使用手册(一)_jqueryform id="form1">
jQuery 使用手册(一)_jquery
input type="text" name="textfield">
jQuery 使用手册(一)_jquery
input type="submit" name="Submit" value="提交">
jQuery 使用手册(一)_jquery
form>
jQuery 使用手册(一)_jquery
a href="#" id="test" onClick="jq()">jQuerya>

jQuery代码及功能:

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

相关标签: jQuery 使用手册