如何用JS实现鼠标第一次与第二次单击显示不同效果

如何用JS实现鼠标第一次与第二次单击显示不同效果,第1张

标记下当前点击次数 var clickNumber =0;
$('image')click(function(){
if(clickNumber %2==0){
//放大代码
}else{
//缩小代码
}
clickNumber ++;
})

可以试试我这个,因为jQuery选择器的原因,所以一定要指定父级,否则会执行多次。

<div id="parent"><a id="a1" href="javascript:void(0);">点我</a><a id="a2" href="javascript:void(0);">点我吧</a><input id="b1" type="button" value="还是点我"></input><input id="b2" type="button" value="那点你吧"></input></div>$("#parent ")click(function(e){if(etarget == $("#a1")[0]){alert("你点了链接一!");}else if(etarget == $("#a2")[0]){alert("你点了链接二!");}else if(etarget == $("#b1")[0]){alert("你点了按钮一!");}else if(etarget == $("#b2")[0]){alert("你点了按钮二!");}});怎么使用jquery判断一个元素是否含有一个指定的类(class)

在jQuery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下:

hasClass(‘classname’)

is(‘classname’)

以下是一个div元素是否包含一个redColor的例子

1 使用is(‘classname’)的方法

$('div')is('redColor')

2 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘classname’))

$('div')hasClass('redColor')

以下是检测一个元素是否含有一个redColor类的例子,含有时,则把其类变为blueColor。

<html>
<head>
<styletype="text/css">
redColor {
background:red;
}
blueColor {
background:blue;
}
</style>
<scripttype="text/javascript"src="jquery-132minjs"></script>
</head>
<body>
<h1>jQuery check if an element has a certain class</h1>
<divclass="redColor">This is a div tag with class name of "redColor"</div>
<p>
<buttonid="isTest">is('redColor')</button>
<buttonid="hasClassTest">hasClass('redColor')</button>
<buttonid="reset">reset</button>
</p>
<scripttype="text/javascript">
$("#isTest")click(function () {
if($('div')is('redColor')){
$('div')addClass('blueColor');
}
});
$("#hasClassTest")click(function () {
if($('div')hasClass('redColor')){
$('div')addClass('blueColor');
}
});
$("#reset")click(function () {
locationreload();
});
</script>
</body>
</html>

如果用jquery 很简单。 只要使用对一个的选择器。 此例子点击的时候 才会有效果比如$("input[type='button']")click(function(){alert('点上了');});
如果是js直接写。 我建议你 直接在 input 对应的标签里面写 onclick='fun' 例子
<input type='button' onclick='fun()' value='button'></input>
<script language='javascript'>
function fun()
{
alert('点击了');
}
</script>

只要是通过网页,所有 *** 作终究还是归结到post或者get请求上可能网站为了防止脚本,在header、session、cookies或者参数中做了手脚只要你能研究他的规则,写脚本都是可以的

function xihuan(){
xihuanvalue=xihuanvalue+1
xihuanbuttondisabled = false
if(
buxihuanbuttondisabled = false
){
buxihuanvalue=xihuanvalue-1
}

}
function buxihuan(){
buxihuanvalue=xihuanvalue+1
buxihuanbuttondisabled = false
if(
xihuanbuttondisabled = false
){
xihuanvalue=xihuanvalue-1
}
}

<button id="btn">button</button><script src="jquery-172minjs"></script>
<script>
    $(function(){
        var tim=10;
        var num=0;
       var timer= setInterval(function(){
            tim--;
            if(tim>=0){
                $("#btn")unbind("click");
                $("#btn")click(function(){
                    num++;
//                    consolelog(num);
                })
            }else{
                $("#btn")unbind("click");
                consolelog(num);
                clearInterval(timer)
            }
        },1000)
    })
</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13332862.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-16
下一篇 2023-07-16

发表评论

登录后才能评论

评论列表(0条)

保存