script src=""/script
成都创新互联公司是一家集网站建设,望江企业网站建设,望江品牌网站建设,网站定制,望江网站建设报价,网络营销,网络优化,望江网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
script type="text/javascript"
$(document).ready(function(e) {
$('a.zhan').click(function(){
var left = parseInt($(this).offset().left)+10, top = parseInt($(this).offset().top)-10, obj=$(this);
var Num = parseInt(obj.find('span').text());
Num++;
obj.find('span').text(Num);
$(this).append('div id="zhan"b#9829\/b/\div');
$('#zhan').css({'position':'absolute','z-index':'1', 'color':'#f00','left':left+'px','top':top+'px','font-size':'24px'}).animate({top:top-10,left:left},'slow',function(){
$(this).fadeIn('fast').remove();
});
return false;
});
});
/script
a class="zhan" style="cursor:pointer;text-decoration:none;font-size:12px;"赞(span style="color:#f00;font-weight:bold;"0/span)/a
1、前端引用弹窗组件，直接绑定点击事件，直接弹出提示“此功能未开放”；
2、若是需要后端接口返回状态，则是在点击事件内通过ajax请求后端接口，根据状态返回对应提示
很简单的，只用一句代码就能实现：
$("#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”的一种用法：
网页链接
效果：
代码：
!doctype html
html lang="en"
head
meta charset="UTF-8"
meta name="Generator" content="EditPlus®"
meta name="Author" content=""
meta name="Keywords" content=""
meta name="Description" content=""
titleDocument/title
style
ul li{
float:left;
width: 110px;
margin: 0 5px;
background-color:#fff;
border:1px solid #000;
line-height:25px;
list-style: none;
text-align: center;
font-size:14px;
font-family:'微软雅黑';
cursor: pointer;
color:#000;
font-weight:bold;
}
ul li:hover,ul li.selected{
background-color:#000;
color:#fff;
}
/style
script src=""/script
script
$(function(){
$("ul#navigator li").click(function(){
$(this).addClass("selected").siblings().removeClass("selected");
});
});
/script
/head
body
ul id="navigator"
li首页/li
li class="selected"公司介绍/li
li成功案例/li
li解决方案/li
li联系我们/li
/ul
/body
/html
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 点击增加样式，点击移除样式，代码如下：
$("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
百度百科 样式 （计算机术语）
