jquery的onclick(this)方法

最新推荐文章于 2024-05-15 20:43:52 发布
最新推荐文章于 2024-05-15 20:43:52 发布
阅读量466 收藏 1
点赞数
文章标签： xhtml javascript ViewUI 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
<style type="text/css">  
.user_btn {  
      
    width: 60px;  
    height: 30px;  
    background: #FC9;  
    -moz-border-radius: 15px;  
    -webkit-border-radius: 15px;  
    border-radius: 15px;  
    text-align: center;  
}  
</style>  
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>  
  
  
<script type="text/javascript">  
  
function  shoucang(which){  
  
    if($(which).attr("value")=="收藏")  
        {  
        $(which).attr("value","已收藏");  
      
        }  
else if($(which).attr("value")=="已收藏")  
    {  
    $(which).attr("value","收藏");  
    }  
      
  
}  
</script>  
  
  
</head>  
  
<body>  
<input name="收藏" type="button" value="收藏" class="user_btn" onclick="shoucang(this)"/>  
</body>  
</html>

初学者使用onclick时，要注意几点：

1、onclick属性的正确写法是οnclick="函数名()",它是带括号的，而不是οnclick="函数名"

2、如果onclick属性没有传入this对象，则在函数定义中不能使用$(this),否则解释器会因为找不到该对象而停止运行。

转：http://blog.csdn.net/qq_26222859/article/details/51446900

 

weixin_34088838
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中onclick(this)用法介绍
10-27
this指触发事件的对象，接下来为大家分享下javascript中onclick(this)的用法，感兴趣的朋友可以参考下哈，希望对你有所帮助
jquery中onclick事件调用函数中的$(this)未指向当前节点
weixin_38404507的博客
06-25 5046
这个问题困扰了我好几天，其实就是一个小知识点，但是因为不知道，浪费了多少时间啊！ 函数中的this默认是指向window的，所以如果想通过this调用节点，我们在调用函数时需要将this作为参数传递过去； 在函数中通过操作形参来控制节点； 参考这篇博文：https://blog.csdn.net/GrootBaby/article/details/82692179 ...
jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探，this传处变量等
kkwant的博客
09-25 9079
起初以为this和$(this)就是一模子刻出来。但是我在阅读时，和coding时发现,总不是一回事。 view plain print ? &lt;!
jQuery click事件 函数调用 $(this)指向
qq_39906719的博客
03-08 1709
开发过程中经常会用到点击事件，多个元素复用一个函数时，通常会包装为一个公用方法。 但是，函数默认绑定并指向的是window对象，而不是指向调用函数的元素 function add() { console.log($(this)); // 此时的this 指向全局对象window } 如果想要获取调用函数的元素本身，需要在调用时把 this传递过去 <script> function add(obj) { console.log(obj); // 这
使用jQuery的attr方法来修改onclick值
12-12
'B:' + this.id); return false;"; var newclick = eval("(function(){"+js+"});"); $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值，要先清空，再用click( eval(...
jquery插件使用方法大全
05-24
可以用来添加不向外部公开的方法，或者对jQuery的某些方法进行重新定义以提供新功能，或者提供更好的封装、避免名称空间冲突。当然，也可以用来开发插件，但Resig强烈建议在开发插件之前，先考虑jQuery UI widget...
jquery text()方法取标签中的文本
01-21
input type=checkbox onclick=event.cancelBubble=true;> 刘4 获取文本“刘4” 获取id $(input:checked,.simpleTree).each(function(){ var currentNode = $(this).parent(); var isfolder = currentNode.text...
一个简单的jQuery计算器实现了连续计算功能
01-19
一个简单的jQuery计算器，只是实现了一个连续计算的功能 <!DOCTYPE html> <html> <head> <meta charset=utf8/> <title>Javascript计算器</title> </head> <body> ...
jQuery实现table表格checkbox全选的方法分析
12-04
本文实例讲述了jQuery实现table表格checkbox全选的方法。分享给大家供大家参考，具体如下： 今天在页面中使用jQuery实现了全选框操作，如图...input type="checkbox" onclick="selectAll(this.checked)" /> </tr>
jQuery onclick()调用函数中的$(this)未指向当前节点
qq_44932835的博客
12-18 422
jQuery onclick()调用函数中的$(this)未指向当前节点
jq的onclick函数中$(this)未指向当前节点
凌云鹤YK
04-10 3150
jq的onclick函数如何指向当前节点一、问题二、解决 一、问题 //1,html中的onclick事件 <button type="submit" "deletes()">删除</button> //2,jq中获取当前点击节点$(this) function deletes(){ alert($(this).tagName); } 运行后发现返回的是undefin...
原生js模拟jQuery对象调用click事件来理解this和$(this)
GoodDaYForus的专栏
07-20 4594
原生js中,this指向调用的dom元素; jQuery中,事件回调函数中的this也指向dom元素,所以在回调函数中$(this)才是指向jQuery的对象. 这个要和jQuery中插件创建中的this进行区分,里面的this则指向调用对象,即jQuery对象.
箭头函数调用jquery中的$(this)问题
xinleicol的博客
03-30 745
箭头函数调用jquery中的$(this)问题 $('img').click(() =>{ console.log($(this)) }) $('img').click(function(){ console.log($(this)) }) 普通函数得到的是点击img的那个元素，而箭头函数是返回的是window对象 因为箭头函数在创建时就已经绑定了this, 后面在执行时不能重新绑定。在JQuery中通常不要用箭头函数，因为JQuery在执行回调函数时很多时候会为它动态绑定一
常见的 HTML 标准
csdn_ad986ad的博客
04-30 857
HTML（Hypertext Markup Language）有多个版本和标准。
TypeScript中的函数类型注解：精确定义行为与意图
逐星的博客
05-11 392
在TypeScript中，函数不仅是一段执行特定任务的代码块，它们还可以拥有自己的类型。函数类型注解允许开发者定义函数的参数类型和返回值类型，从而提高代码的可读性和可维护性。函数类型注解是TypeScript中定义函数时的重要特性，它有助于确保函数参数和返回值符合预期，从而提高代码的准确性和安全性。
Vue.js的发展史（一）
最新发布
2301_79683791的博客
05-15 427
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
ts函数？
FENGZXCjjjjj的博客
05-11 268
只要参数类型是匹配的，那么就认为它是有效的函数类型，而不在乎参数名是否正确。第二部分是返回值类型。对于返回值，我们在函数和返回值类型之前使用( =>)符号，使之清晰明了。如之前提到的，返回值类型是函数类型的必要部分，如果函数没有返回任何值，你也必须指定返回值类型为 void而不能留空。函数的类型只是由参数类型和返回值组成的。函数中使用的捕获变量不会体现在类型里。实际上，这些变量是函数的隐藏状态并不是组成API的一部分。
vue3vue3vue3vue3vue3vue3vue3vue3vue3vue3vue3vue3
口袋的天空的博客
05-12 1026
vue3,elementui-plus,pinia
jquery onclick once
09-14
您可以使用jQuery的one()方法来实现点击事件只执行一次。one()方法会绑定一个一次性的事件处理程序，当元素被点击时，该处理程序将执行，并且之后再次点击该元素时不会再触发。 下面是一个示例代码： ```javascript $(document).ready(function(){ $("#myButton").one("click", function(){ // 执行你的点击事件处理逻辑 console.log("按钮被点击了！"); // 可选：解除绑定，以防止再次触发 $(this).off("click"); }); }); ``` 在上面的例子中，当 id 为 "myButton" 的按钮被点击时，点击事件处理程序将只执行一次，并在执行后解除绑定，以防止再次触发。 希望这可以帮助到您！如果您有任何其他问题，请随时问我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值