`
my14686
  • 浏览: 9589 次
文章分类
社区版块
存档分类
最新评论

不要滥用jQuery的$(this)

阅读更多
如果不了解javasrcipt中基本的DOM属性和方法的话,很容易滥用jQuery对象。比如: $('#someAnchor').click(function() { alert( $(this).attr('id') ); }); 如果你只是通过jQ对象获取简单的dom元素的属性比如id,那么你完全可以使用js原生的方法: $('#someAnchor').click(function() { alert( this.id ); }); 诸如“src,” “href,” 和“style.”等一些属性在...
如果不了解javasrcipt中基本的DOM属性和方法的话,很容易滥用jQuery对象。比如:
$(‘#someAnchor’).click(function() {
alert( $(this).attr(‘id’) );
});
如果你只是通过jQ对象获取简单的dom元素的属性比如id,那么你完全可以使用js原生的方法:
$(‘#someAnchor’).click(function() {
alert( this.id );
});
诸如“src,” “href,” 和“style.”等一些属性在老版本的ie中使用了getAttribute方法
分享到:
评论

相关推荐

    vue组件引入jquery插件.docx

    在Vue.js应用中引入jQuery插件,主要是为了利用jQuery丰富的DOM操作和动画效果,尤其是在一些老项目的迁移或者...在Vue项目中使用jQuery插件时,要权衡性能、可维护性和需求的紧急性,避免滥用,确保代码的简洁和高效。

    jquery 本地上传图片预览Demo

    因此,确保只预览用户预期上传的图片,避免其他文件类型的滥用。 5. **性能优化**: 对于大尺寸图片,Base64编码会占用大量内存和带宽。可以考虑在预览前先对图片进行缩放,以减少加载时间和资源消耗。 6. **JSP...

    14个有用的Jquery技巧分享

    1.通过方法返回Jquery对象实例 用 var someDiv = $(‘#someDiv’).hide(); 代替 var someDiv = $(‘#someDiv’); someDiv.hide(); 2.使用find来查找 ...3.不要滥用$(this) 用 $(‘#someAnchor’).click(func

    jquery15天学会第二部

    通过使用jQuery动态添加隐藏字段的方法,可以在一定程度上防止垃圾邮件发送者滥用网站资源。此外,通过实现样式表切换功能,还能进一步提升用户的使用体验。这些都是利用jQuery可以实现的重要知识点。

    jquery新浪发布微博textarea文本框限制文字字数表单

    在微博发布功能中,通常会限制用户输入的字符数,以防止滥用和保持页面整洁。我们可以使用jQuery监听textarea的`keyup`或`input`事件,实时检查并显示剩余字数。 四、实现步骤 1. 首先,在HTML中创建textarea和一个...

    jQuery学习总结之jQuery事件

    jQuery(this).css("background","yellow"); }).blur(function(){ jQuery(this).css("background","white"); }); ``` 上段代码中,我们同时绑定了`keyup`、`focus`和`blur`事件,使得在文本框中键入内容后立即显示...

    浅谈jQuery hover(over, out)事件函数

    需要注意的是,虽然hover事件为我们提供了便捷,但在实际使用中,我们也需要注意不要过度使用或滥用hover事件,以免引起用户的操作混淆或不必要的性能开销。例如,过多的动画或样式变化可能会导致页面响应变慢,特别...

    jQuery实现发送验证码并60秒倒计时功能

    jQuery,作为一款轻量级的JavaScript库,能够简化DOM操作、事件处理和动画效果等任务,因此在实现验证码功能时,jQuery可以发挥很大的作用。 本篇内容主要介绍了如何使用jQuery来实现发送验证码的功能,并结合60秒...

    PHP+MySql+jQuery实现的顶和踩投票功能

    var voteType = $(this).attr('id').split('_')[1]; // 获取投票类型(up或down) var id = $(this).data('id'); // 获取投票关联的内容ID $.ajax({ type: "POST", url: "vote.php", // 调用处理投票的PHP脚本...

    限制多行文本域输入的字符个数

    在某些场景下,如表单提交、评论区留言等,为了防止滥用或溢出问题,我们需要设定一个合理的字符限制。 首先,我们要理解HTML中的`<textarea>`元素。它用于创建一个多行的文本输入控件,用户可以在这里输入任意数量...

    类似百度的搜索提示功能

    例如,在JavaScript中,你可以使用jQuery的`$.ajax`方法: ```javascript $('#searchInput').on('input', function() { var keyword = $(this).val(); $.ajax({ url: '/search/suggestions', type: 'GET', ...

    使用JS配合CSS实现Windows Phone中的磁贴效果

    在Web开发中实现类似Windows ...虽然磁贴可以在很多地方使用,但如果过度滥用或没有在合适的地方使用,可能会导致用户操作上的混淆或审美疲劳。因此,在开发类似效果时,应该评估是否符合产品的整体风格和用户习惯。

    浅析return false的正确使用

    在JavaScript和jQuery中,`return false`是一个常见的用法,特别是在事件处理程序中,用于防止浏览器执行默认行为。...在编写代码时,应当避免滥用`return false`,以免引入不必要的复杂性和潜在的错误。

    公共js在页面底部加载的注意事项介绍

    在Web开发中,页面性能是一个重要的话题,而合理安排JavaScript脚本文件的位置是影响页面加载速度的一...此外,避免滥用全局变量,采用局部作用域和模块化的编程方式,对提高代码的质量和系统的可维护性有着重要意义。

    API文档集锦

    - **JavaScript库/框架API**:例如React的ReactDOM.render(),Vue的this.$router.push()等,用于构建用户界面。 3. **学习API文档的重要性** - **提高效率**:了解API能快速完成任务,避免重复造轮子。 - **理解...

    JavaScript实现短信倒计时60s

    需要注意的是,本文所提供的代码为示例性质,它依赖于jQuery库,如果在不支持jQuery的环境中使用,则需要使用原生JavaScript来替换相关的jQuery方法。 最后,代码段的末尾包含了一些感谢用户支持的话语,并鼓励用户...

    javascript经典特效---弹出窗口始终一个.rar

    为了保护用户隐私和防止恶意网站滥用弹出窗口,现代浏览器对弹出窗口有了一些限制,比如不允许在非用户交互(如点击按钮)的情况下自动打开窗口,或者限制了新窗口的大小和特性。 综上所述,"javascript经典特效--...

    IT202-Spring2021-activities

    箭头函数可以更直观地表示回调函数,而且没有自己的`this`值,这对于理解和避免某些陷阱很有帮助。 "对右/左眼新API密钥使用较新的界标“类型”"这部分可能是关于API访问控制的一个话题。这可能涉及到如何安全地...

Global site tag (gtag.js) - Google Analytics