网站建设资讯

NEWS

网站建设资讯

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 怎样点击两次 不同效果

很简单的,只用一句代码就能实现:

$("#myid span").on("click",function(){

$(this).toggleClass("myon");//如果默认显示的是myoff,这里就是myon

})

原理分析:

span 默认显示的是myoff这个样式,那么当第一次点击的时候,toggleClass就会判断是否包含myon这个样式,如果不包含,就为它添加上“myon”这个样式,这样span的样式就变成了:“span class='myoff myon'”,myon和myoff里有冲突的样式,就会显示myon的样式,当再次点击的时候,就会删除myon这个样式。

就是这么简单!要善用jquery里的 toggle,看下面这篇文章,也是关于“toggle”的一种用法:

网页链接

jquery 点击增加样式,点击移除样式

jquery 点击增加样式,点击移除样式,代码如下:

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

$(this).toggleClass("enable");

$(this).siblings().removeClass("enable");

})

扩展资料

如果用户单击某个按钮时,要删除class的某个值,那么可以使用与addClass()方法相反的removeClass()方法来完成,它的作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:

$("p").removeClass("high");

//移除p元素中值为"high"的class

参考资料:百度百科 jQuery

百度百科 样式 (计算机术语)


网站名称:jquery点击效果,jquery实现点击按钮
标题网址:http://cdweb.net/article/dsdhdei.html