【移动应用开发技术】怎么实现jQuery添加删除按钮Click事件_第1页
【移动应用开发技术】怎么实现jQuery添加删除按钮Click事件_第2页
【移动应用开发技术】怎么实现jQuery添加删除按钮Click事件_第3页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

【移动应用开发技术】怎么实现jQuery添加删除按钮Click事件

这篇文章主要介绍“怎么实现jQuery添加删除按钮Click事件”，在日常操作中，相信很多人在怎么实现jQuery添加删除按钮Click事件问题上存在疑惑，在下查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么实现jQuery添加删除按钮Click事件”的疑惑有所帮助！接下来，请跟着在下一起来学习吧！如下图所示，勾选“Ihavereadandaccept.”复选框，Login按钮才会相应click事件，登陆成功后切换到欢迎画面。通常情况我们是怎么实现的呢，很多同学会想到用javascript设置按钮的disabled属性。这当然是一种不错的方法，不过我们用JQuery的话，代码会更简洁，同时我们的逼格也上去了，哈哈。对于按钮来说，JQuery提供了bind()方法和unbind()方法，使我们可以随时随地，根据需要给按钮添加或删除Click事件。详细代码如下：<html>

<style

type="text/css">

.hide

{

display:

none;

}

.show

{

display:

block;

}

</style>

<script

language=JavaScript

src="js/jquery.min.js"

type=text/javascript></script>

<script>

$(document).ready(function()

{

$('#logoutBtn').addClass('hide');

$('#logoutBtn').bind('click',

function()

{

$('#title').html('Agreements<br>1.

...<br>2.

...<br>3.

...');

$('#loginBtn').removeClass('hide').addClass('show');

$('#confirm').removeClass('hide').addClass('show');

$('#logoutBtn').removeClass('show').addClass('hide');

});

});

function

doCheck()

{

if

($("input[type='checkbox']").is(':checked'))

{

$('#loginBtn').bind('click',

function()

{

$('#title').text('Welcome

to

our

site!');

$('#loginBtn').removeClass('show').addClass('hide');

$('#confirm').removeClass('show').addClass('hide');

$('#logoutBtn').removeClass('hide').addClass('show');

});

}

else

{

$('#loginBtn').unbind('click');

}

}

</script>

<body>

<p

id="title">

Agreements<br>1.

...<br>2.

...<br>3.

...

</p>

<div

id="confirm">

<input

id="cbx"

type="checkbox"

onclick="doCheck()"

/>I

have

read

and

accept.

</div>

<input

id="loginBtn"

type="button"

value="Login"

/>

<input

id="logoutBtn"

type="button"

value="Logout"

/>

</body>

</html>代码中还用到JQuery的几个方法，简单说明一下：html()方法：设置被选择元素的html内容，相当于document.getElementById(“#xxx”).innerHTML=”xxx”。text()方法：设置被选择元素的文本内容，相当于document.getElementById(“#xxx”).innerText=”xxx”。removeC

人人文库> 全部分类> 专业文献 > IT计算机

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论