前端用jquery如何去获取一个dom未渲染的标签添加点击事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端用jquery如何去获取一个dom未渲染的标签添加点击事件相关的知识,希望对你有一定的参考价值。

参考技术A 给要点击的dom加个id或者class,例如叫click-dom
然后$('#click-dom').on('click',function()
//点击后要做的操作
)

常用的jQuery前端技巧收集

调试时巧用console.log(),这比用alert()方便多了。

jquery易错点:元素拼接的时候,元素还未添加到DOM,就用该预添加元素操作。

ajax动态获取的数据,还没有装载html元素,下面就开始用预拼凑的元素操作。

<li onclick="Show(‘10‘)">
    <a href=‘javascript:void()‘>提交</a>
</li>

这样写,点击“提交”的时候,会报错“Uncaught SyntaxError: Unexpected token ) ”,实际上写成“javascript:void()”也会报这个错,改成“javascript:void(0)”即可

<li>
   <a href="javascript:Show(‘10‘)">
</li>

服务器控件checkbox生成html的时候会在外面加上span。所以不能直接在服务器控件上加样式。

input[type="checkbox"] 
    {
        vertical-align:middle;
}








以上是关于前端用jquery如何去获取一个dom未渲染的标签添加点击事件的主要内容,如果未能解决你的问题,请参考以下文章

Vue中 前端如何动态的修改某个DOM元素鼠标移入移出时的背景图片

ajax获取数据后怎么去渲染到页面

用点击事件的方式 实现二级下拉菜单(用javaScript与jquery,vue)

Vue_初识

python学习之路7 前端学习4 jQuery 学习

前端开发JS框架之jQuery的基础知识分享