2.软文推荐
3.软文推荐
目录: 1、请教如何用jquery获得在网页上点选的标签的 2、jquery 点击事件 获得点击事件的标签 3、jquery怎样获取动态增加的img标签的id 4、jquery如何获得i标签的点击事件? 5、怎么用jQuery获取选中的label标签? 请教如何用jquery获得在网页上点选的标签的监听click事件
$(document).on( 'click' , function( event )
{
alert('你点击了'+event.toElement.nodeName+'标签');
}
)
执行原理 当页面文档被点击 弹出event的元素的(node)节点名称
jquery 点击事件 获得点击事件的标签你这个a不是在span里面吗,在绑定的事件里直接使用 $(this).parent()就可以获取到包裹它的span了。append之后,就会生成以下dom结构,然后在事件绑定取父元素就好了。
【片段1】
span data-musicicon="name1" class="music-icon-hook"a href="#" title="播放" data-action="play" class="list-micon icon-play"/a/span
....!-- more --
span data-musicicon="name10" class="music-icon-hook"a href="#" title="播放" data-action="play" class="list-micon icon-play"/a/span
script
【代码】
div id="div1"/div
script
$(function(){
// 模拟的数据。
var musicList=[{MusicName:'name1'},{MusicName:'name2'},{MusicName:'name3'},{MusicName:'name4'},{MusicName:'name5'},{MusicName:'name6'},{MusicName:'name7'},{MusicName:'name8'},{MusicName:'name9'},{MusicName:'name10'}];
// 以下代码会生成 片段1 的dom
for (i = 0; i musicList.length; i++) {
$("#div1").append('span data-musicicon="'+musicList[i].MusicName +'" class="music-icon-hook" a href="#" title="播放" data-action="play" class="list-micon icon-play" play /a/span');
}
$('.list-micon').each(function(index){
$(this).click(function(){
var span=$(this).parent(); // 获取到a的父元素,即包含它的那个span
alert(span.attr('data-musicicon'));
// 可以对span进行操作了
});
});
});
/script
jquery怎样获取动态增加的img标签的id1、新建一个html文件,命名为test.html。
2、在test.html文件中,在p标签内,使用span标签创建一行文字,span标签是p标签的子标签。
3、在test.html文件内,设置span元素的id为myspan,下面将使用jquery方法获得该id值。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获取子标签的ID值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getspanid函数。
6、在js标签中,创建getspanid()函数,在函数内,通过元素名称获得p元素对象,使用children()方法获得p标签的子标签,再通过attr()方法来获得id值。最后,使用alert()方法将id值输出来。
jquery如何获得i标签的点击事件?alert(1) 改成 alert(new Date()) 就可以获取点击时候的时间戳了。
其他常见操作:
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
获取属性 - attr()
jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值:
实例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
怎么用jQuery获取选中的label标签?直接获取label对应的input对象就行,因为label会触发其对应的input对象,触发形式有两种,你这里用label将input对象包裹起来的写法是隐式触发,另一种显示触发是为label加上for属性,属性值指向input对象的id,无论采取哪种方法,label标签的点击事件都会传递到input对象上,所以这里可以这样获取:
// 点击触发,获取当前点击那个值就行
$('.btn-group.btn-overlap.btn-corner').find(':radio').click(function() {
console.log($(this).val());
})
// 直接获取,获取哪个选中
var rdoValue = $('.btn-group.btn-overlap.btn-corner').find(':radio:checked').val();
console.log(rdoValue);
1
目录:1、有永久免费的云主机吗?2、主机免费云服务器如何3、请问国内有没有免费的虚拟主机和云服务器?4、还有什么完全免费的虚拟主...