皇牌天下投注网jQuery入门[4]-链式代码

来源:http://www.prospettivedarte.com 作者:计算机教程 人气:165 发布时间:2019-11-23
摘要:jQuery链式语法演示,jquery链式演示 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdgt ; html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" head meta htt

jQuery链式语法演示,jquery链式演示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>jQuery链式语法演示</title>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script>
$(function(){
//第一行代码,在文档中添加4个按钮
$('<input type="button" value="第1个按钮"/><input type="button" value="第2个按钮"/><input type="button" value="删除按钮事件处理函数"/><input type="button" value="隐藏或显示文本"/>').appendTo($('body'));
//第2行代码,分别选中4个按钮,并为它们绑定不同的事件处理函数
$('input[type="button"]')
.eq(0).click(function(){ //匹配第一个按钮,并绑定click事件处理函数
alert('是第一个按钮的事件处理函数');
}).end().eq(1) //返回所有按钮,再匹配第2个按钮
.click(function(){ //为第2个按钮绑定click事件处理函数
$('input[type="button"]:eq(0)').trigger('click');
}).end().eq(2) //返回所有按钮,再匹配第3个按钮
.click(function(){ //为第3个按钮绑定click事件处理函数
$('input[type="button"]:eq(0)').unbind('click');
}).end().eq(3) //返回所有按钮,再匹配第4个按钮
.toggle(function(){ //为第4个按钮绑定toggle事件处理函数
$('.panel').hide('slow');
},function(){
$('.panel').show('slow');
})
});
</script>
</head>
<body>
<div class="panel">jQuery链式语法演示</div>
</body>
</html>

http://www.bkjia.com/jQuery/1040477.htmlwww.bkjia.comtruehttp://www.bkjia.com/jQuery/1040477.htmlTechArticlejQuery链式语法演示,jquery链式演示 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="ht...

jQuery另一个很令人惬意的地方是,一般的代码都是一行一行写,jQuery的代码可以一串一串写。
这一点,在前面的文章中已经介绍过了。
直接来一个Demo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

本文由皇牌天下投注网发布于计算机教程,转载请注明出处:皇牌天下投注网jQuery入门[4]-链式代码

关键词:

上一篇:句柄和指针

下一篇:没有了

最火资讯