jQuery 针对同一元素的多个函数操作的写法

最新推荐文章于 2020-12-20 17:53:24 发布

zpj~.~

最新推荐文章于 2020-12-20 17:53:24 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/u010865136/article/details/77745500

jQuery 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种使用jQuery简化代码的方法——串写。通过串写，开发者可以将多个操作链式地应用于同一个DOM元素上，从而减少代码重复并提高开发效率。文章提供了具体的示例对比，展示了如何更优雅地实现对元素的属性设置和样式更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery 针对同一元素，如果同时需要对其进行多个函数的操作，开发时大可不必一个一个的写，可以采用串写的方式；

冗余方式：
 $("#mailpassword").click(function(){
	$(this).val("");
        $(this).val("").attr("type","password").css({"text-decoration":"none","color":'#666666','cursor':'text'});
	$(this).val("").css({"text-decoration":"none","color":'#666666','cursor':'text'});
    });

建议方式：
$("#mailpassword").click(function(){
        $(this).val("").attr("type","password").css({"text-decoration":"none","color":'#666666','cursor':'text'});
    });