1、新建一个html文件，命名为testhtml。
2、在testhtml文件中，在p标签内，使用span标签创建一行文字，span标签是p标签的子标签。
3、在testhtml文件内，设置span元素的id为myspan，下面将使用jquery方法获得该id值。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取子标签的ID值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getspanid函数。
6、在js标签中，创建getspanid()函数，在函数内，通过元素名称获得p元素对象，使用children（）方法获得p标签的子标签，再通过attr()方法来获得id值。最后，使用alert()方法将id值输出来。
jquery基础事件，包括绑定事件、简写事件、复合事件；
一．绑定事件
jQuery 通过bind()方法来为元素绑定这些事件。
形式：
bind(type, [data], fn)
参数：
type 表示一个或多个类型的事件名字符串；
[data]是可选的，作为 eventdata 属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象；
fn 表示绑定到指定元素的处理函数。
二、简写事件
为了使开发者更加方便的绑定事件，jQuery 封装了常用的事件以便节约更多的代码。 称之为简写事件。简写事件，绑定方法如下图，
三、复合事件
jQuery 提供了许多最常用的事件效果， 组合一些功能实现了一些复合事件， 比如切换功 能、智能加载等。
扩展资料
1、绑定事件fn函数
1)使用点击事件
$('input')bind('click', function () {//点击按钮后执行匿名函数
alert('点击！');
});
2)普通处理函数
$('input')bind('click', fn); //执行普通函数式无须圆括号
function fn() {
alert('点击！');
}
2、简写事件函数
1）mouseover()和mouseout()表示鼠标移入和移出的时候触发。而mouseenter()和mouseleave()表示鼠标穿过和穿出的时候触发。
2）keydown()、keyup()返回的是键码，而keypress()返回的是字符编码。
3）focus()和blur()分别表示光标激活和丢失，事件触发时机是当前元素。而focusin()和focusout()也表示光标激活和丢失，但事件触发时机可以是子元素。
3、复合事件示例，背景移入移出切换效果
$('div')hover(function () {
$(this)css('background', 'black'); //mouseenter 效果
}, function () {
$(this)css('background', 'red'); //mouseleave 效果，可省略
});
参考资料
jQuery官方网站-事件
<>
<head> <title></title> <script type=text/javascript src= </head> <body> <script type=text/javascript"> $(document) ready(function () { var array = [ ];
// / for(var index in array) { $("#btn" + index) click(function() { var item = array[index]; alert(item); }); }/ // 始终d出 因为function() {} 并没有被立即解析 直到调用的时候才被解析 这时index已经是 了
// / for(var index in array) { $("#btn" + index) click(function(i) { var item = array[i]; alert(item); }(index)); }/ // 立即d出 因为使用了function() {}(index)立即被解析 遇到alert 就立即d出来了
// /for (var index in array) { $("#btn" + index) click(function (i) { return function () { var item = array[i]; alert(item); }; } (index)); }/ // 正确执行 点击btn d出 点击btn d出 // 因为function(i) {}(index)是被立即解析的 所以i依次送入的是 // 内部没有直接alert 是因为不想立即执行 想点击时再执行 所以返回了一个函数出去
// for (var index in array) { $("#btn" + index) bind("click" {index: index} clickHandler); }
function clickHandler(event) { var index = event data index; var item = array[index]; alert(item); } // 正确执行 点击btn d出 点击btn d出 // 利用了event data 因为index在绑定的时候已经被持久化到event data中了 所以响应的时候我们可以取到 }); </script>
lishixinzhi/Article/program/Java/JSP/201311/20058
jQuery( elem )data( "events" );
这种是jQuery 低于18版本的写法。到了18版本以后，调用方式改为了:
jQuery_data( elem, "events" );
其中elem为dom元素，不能为jQuery对象或者选择器。
首先添加给radio添加绑定单击事件，可以直接使用onclick=""，也可以用jquery绑定；
$(function() {
showCont();
$("input[name=price_type]")click(function() {
showCont();
});
});
function showCont(){
var normal = documentgetElementById("price_type1");
var special = documentgetElementById("price_type2");
if (normalchecked) {
$("#sellInfo2")hide();
$("#sellInfo1")show();
}
if (specialchecked) {
$("#sellInfo1")hide();
$("#sellInfo2")show();
}
}
结果：
$(function() {
// 点击任意 li,全部 li 变色
$("#tree li")click(function(e) {
$(this)css("color", "red");
});
});$(function() {
// 点击第二层 li， 第二层 li 变色
$("#tree li li")click(function(e) {
$(this)css("color", "red");
});
});$(function() {
// 点击 JAVA 变色
$("#tree li li:first")click(function(e) {
$(this)css("color", "red");
});
});
以上就是关于jquery怎样获取动态增加的img标签的id全部的内容，包括:jquery怎样获取动态增加的img标签的id、jquery中有哪些基础事件方法、jquery循环绑定事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）