介绍 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> www.jb51.net jQuery动态获取事件& lt;/title>
& lt;/head>
& lt; body>
& lt; div id=皌est"祝辞& lt;/div>
& lt;/body>
& lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ">
<>脚本
var html=" ";//声明变量用于存放html
(我=0;<=10,我+ +){
html=html +“<按钮onclick=btnclick(这)>按钮”+我+ " ";
}
$(" #测试”). html (html);
函数btnclick (e) {
console.log (e.textContent);//获取按钮文本
}> & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> www.jb51.net jQuery动态获取事件& lt;/title>
& lt;/head>
& lt; body>
& lt; div id=皌est"祝辞& lt;/div>
& lt;/body>
& lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ">
<>脚本
var html=" ";//声明变量用于存放html
(我=0;<=10,我+ +){
html=html + " <>按钮按钮”+我+ " ";
}
$(" #测试”). html (html);
$(" #测试”)。(“点击”,“按钮”,函数(e) {
console.log ($ ());
});> & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;才能meta charset=癠TF-8"比;
& lt;才能title> www.jb51.net jQuery动态获取事件& lt;/title>
& lt;/head>
& lt; body>
& lt; div id=皌est"祝辞& lt;/div>
& lt;/body>
& lt; script 类型=拔谋?javascript" https://www.yisu.com/zixun/, src=" https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ">
<>脚本
var html=" ";//声明变量用于存放html
(我=0;<=10,我+ +){
html=html +”<=测试按钮类>按钮”+我+ " ";
}
$(" #测试”). html (html);
$(" #测试”)。(“点击”,“按钮(类=测试):即使”,函数(e) {
console.log ($ ());
});>
本篇文章给大家分享的是有关使用jQuery怎么获取动态添加的标签对象,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
onclick方式获取
如今jquery已经到了3版本了,官方已经放弃生活方式了,推荐使用的方法。语法为
<代码>美元(& # 39;选择器& # 39;)。(& # 39;点击# 39;& # 39;选择类型& # 39;,函数(e){代码段}
jquery不能动态获取到网页里面的标签,需要先获取到网页固定的标签,让后再获取里面其他的标签,所以,如上面代码中为测试的div的id是固定不变的。
使用http://tools.jb51.net/code/HtmlJsRun测试运行效果:
这样写就非常简单了,其中选择类型里面的按钮还可以进一步限制,如:按钮类=测试,就是选择动态创建的类为文本的按钮。
要实现单双数只需要在测试后面加“<代码>: ",<代码>按钮(类=测试):即使>
修改后的示例代码如下:
以上就是使用jQuery怎么获取动态添加的标签对象,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。
