189 8069 5689

jquery点击一次,JQuery点击一次显示,再点击一次隐藏

jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环.

1、新建一个html文件,命名为test.html,用于讲解gt;怎么让jquery事件执行一次。

网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了凤庆免费建站欢迎大家使用!

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。

4、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。

5、在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中。

6、在function()方法内,使用alert()方法将获得的内容输出来。

7、在浏览器打开test.html文件,点击文字,查看实现的效果。

jquery如何让页面刷新的时候默认执行一次点击事件

如果需要在页面刷新的时候默认执行一次点击事件,可以参考下面的方法实现:

1、使用原生js实现

使用原生js主要用到了window.onload方法:

onload 事件会在页面或图像加载完成后立即发生。

语法:onload="SomeJavaScriptCode"

参数SomeJavaScriptCode是必须的规定该事件发生时执行的 JavaScript。

实现代码:

script

window.onload = function() {

requestFullScreen();//直接执行onclick中的函数就行

}

/script

将代码放到body标签最下面即可。

2、使用Jquery实现

使用jquery实现该效果主要用到了jquery.ready(fn)和jquery.trigger()方法:

jquery.ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

jquery.trigger(type,[data]):在每一个匹配的元素上触发某类事件。

实现代码:

$(function() {

$("#sdsd").trigger("click");//触发button的click事件

});

jquery中click事件的累加绑定,点击一次,执行多次

最近做项目为一个添加按钮绑定点击事件,很简单的一个事情,于是我按照通常做法找到元素,使用jquery的on()方法为元素绑定了点击事件,点击同时发送请求。完成后看效果,第一次点击没有问题。再一次点击后发现发送了两次请求,后面再点击发现请求的数量越来越多。这时我初步判断可能是元素有多个或是多次调用了方法,但找了一遍,发现只为一个元素绑定了事件,且只调用了一次。后来通过查资料才知道是点击事件被累加绑定了!那到底什么是累加绑定呢?什么时候会发生累加绑定?累加绑定后该如何解决呢?下面我就通过这三个问题来说一下。

在页面中为一个元素绑定事件,事件执行后页面未刷新且元素还在,然后你再次点击,元素又被绑定个一次点击事件,这样第二次点击就会执行两次,以此类推。

如何解决累加绑定:第一种方法是元素点击后删除,然后再动态创建一个元素,再添加点击事件。显然这个方式很麻烦。

第二中方法是使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次。

第三种方法是在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样。但你使用bind()方法绑定时,可以用unbind()方法解除绑定。通常我们跟愿意用on()方法绑定事件,因为bind()方法已经不被推荐,那么那么就用off()方法解除事件绑定。

Jquery点击一次添加样式,再次点击删除样式

一、你选择$(this).sibings().addClass("active")就可以删除样式。

二、添加样式的步骤如下:

(1)调出样式控制面板,选择菜单,点击窗口,点击样式;

(2)点击样式面版右边的小三角形,会看到一排下拉菜单;

(3)选择你下载并解压的样式文件,点载入;

(4)载入后就可以在样式面板上看到刚才载入的样式;

(5)选择你要加样式的图形或文字等,点样式图案就可以应用效果;

(6)如果你觉得不好的样式效果你可以直接在样式上面按鼠标右键选择删除样式。


本文标题:jquery点击一次,JQuery点击一次显示,再点击一次隐藏
标题网址:http://cdxtjz.cn/article/dscgdoi.html

其他资讯