jquery用法,jquery使用方法

jQuery 的is用法

jQuery 遍历 - is() 方法

东源网站建设公司创新互联建站,东源网站设计制作,有大型网站制作公司丰富经验。已为东源近1000家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的东源做网站的公司定做!

定义和用法

is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回 true。

语法

.is(selector)

详细说明

与其他筛选方法不同,.is() 不创建新的 jQuery 对象。相反,它允许我们在不修改 jQuery 对象内容的情况下对其进行检测。这在 callback 内部通常比较有用,比如事件处理程序。

假设我们有一个列表,其中两个项目包含子元素:

ul

lilist strongitem 1/strong/li

lispanlist item 2/span/li

lilist item 3/li

/ul

您可以向 ul 元素添加 click 处理程序,然后把代码限制为只有当列表项本身,而非子元素,被点击时才进行触发:

$("ul").click(function(event) {

var $target = $(event.target);

if ( $target.is("li") ) {

$target.css("background-color", "red");

}

});

jQuery层次选择器用法示例

本文实例讲述了jQuery层次选择器用法。分享给大家供大家参考,具体如下:

!DOCTYPE

html

PUBLIC

"-//W3C//DTD

XHTML

1.0

Transitional//EN"

""

html

xmlns=""

head

meta

http-equiv="Content-Type"

content="text/html;

charset=utf-8"

/

title2-5/title

!--

引入jQuery

--

script

src="js/jquery-1.10.1.min.js"

type="text/javascript"/script

script

src="js/assist.js"

type="text/javascript"/script

link

rel="stylesheet"

type="text/css"

href="css/style.css"

/

script

type="text/javascript"

$(document).ready(function(){

//选择

body内的所有div元素.

$('#btn1').click(function(){

$('body

div').css("background","#bbffaa");

})

//在body内的选择

元素名是div

的子元素.

$('#btn2').click(function(){

$('body

div').css("background","#bbffaa");

})

//选择

所有class为one

的下一个div元素.

$('#btn3').click(function(){

$('.one

+

div').css("background","#bbffaa");

})

//选择

id为two的元素后面的所有div兄弟元素.

$('#btn4').click(function(){

$('#two

~

div').css("background","#bbffaa");

})

});

/script

/head

body

h3层次选择器./h3

button

id="reset"手动重置页面元素/button

input

type="checkbox"

id="isreset"

checked="checked"/

label

for="isreset"点击下列按钮时先自动重置页面/label

br

/

br

/

input

type="button"

value="选择

body内的所有div元素."

id="btn1"/

input

type="button"

value="在body内,选择子元素是div的。"

id="btn2"/

input

type="button"

value="选择

所有class为one

的下一个div元素."

id="btn3"/

input

type="button"

value="选择

id为two的元素后面的所有div兄弟元素."

id="btn4"/

br

/

br

/

!--

测试的元素

--

div

class="one"

id="one"

id为one,class为one的div

div

class="mini"class为mini/div

/div

div

class="one"

id="two"

title="test"

id为two,class为one,title为test的div.

div

class="mini"

title="other"class为mini,title为other/div

div

class="mini"

title="test"class为mini,title为test/div

/div

div

class="one"

div

class="mini"class为mini/div

div

class="mini"class为mini/div

div

class="mini"class为mini/div

div

class="mini"/div

/div

div

class="one"

div

class="mini"class为mini/div

div

class="mini"class为mini/div

div

class="mini"class为mini/div

div

class="mini"

title="tesst"class为mini,title为tesst/div

/div

div

style="display:none;"

class="none"style的display为"none"的div/div

div

class="hide"class为"hide"的div/div

div

包含input的type为"hidden"的div

input

type="hidden"

size="8"/

/div

span

id="mover"正在执行动画的span元素./span

/body

/html

效果图:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》、《jQuery操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》及《jQuery常见经典特效汇总》

希望本文所述对大家jQuery程序设计有所帮助。

jquery中append()与appendto()用法分析

本文实例分析了jquery中append()与appendto()的用法。分享给大家供大家参考。具体分析如下:

在jQuery的文档操作方法中,append()和appentto()方法执行的任务相同,但是两者也有区别。

1、append()方法:在被选元素的结尾(但仍在元素内部)插入指定的内容。

a、语法:复制代码

代码如下:$(selector).append(content);其中,参数content是必需的,指定要附加的内容。

b、append能够使用函数给被选元素附加内容,语法为:复制代码

代码如下:$(selector).append(function(index,html));其中,function()是必需的,参数index和html都是可选的。index表示接收选择器的index位置,html表示接收选择器的当前html。

例子:

复制代码

代码如下:html

head

script

type="text/javascript"

src="/jquery/jquery.js"/script

script

type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$("p").append("

bHello

jQuery!/b");

});

});

/script

/head

body

pThis

is

a

paragraph./p

pThis

is

another

paragraph./p

button在每个

p

元素的结尾添加内容/button

/body

/html

运行结果如下:

This

is

a

paragraph.

Hello

jQuery!

This

is

another

paragraph.

Hello

jQuery!

2、appendto()方法:在被选元素的结尾(但仍在元素的内部)插入指定的内容。但不能使用函数来附加内容。

语法:复制代码

代码如下:$(content).appendto(selector);

例子:

复制代码

代码如下:html

head

script

type="text/javascript"

src="/jquery/jquery.js"/script

script

type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$("b

Hello

jQuery!/b").appendTo("p");

});

});

/script

/head

body

pThis

is

a

paragraph./p

pThis

is

another

paragraph./p

button在每个

p

元素的结尾添加内容/button

/body

/html

运行结果如下:

This

is

a

paragraph.

Hello

jQuery!

This

is

another

paragraph.

Hello

jQuery!

希望本文所述对大家的jQuery程序设计有所帮助。


网页标题:jquery用法,jquery使用方法
文章源于:http://pwwzsj.com/article/dsdepoi.html