分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jQuery学习总结05-事件

发布时间:2023-09-06 02:03责任编辑:傅花花关键词:jQuery

1.事件的发生

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title></head><body> ???<input id="t1" type="text" /> ???<input id="a1" type="button" value="添加" /> ???<ul id="u1"> ???????<li>1</li> ???????<li>2</li> ???</ul><script src="jquery-1.12.4.js"></script> ???<script> ???????$(‘#a1‘).click(function () { ???????????var v = $(‘#t1‘).val(); ???????????var temp = "<li>" + v + "</li>"; ???????????$(‘#u1‘).append(temp); ???????});// ???????$(‘ul li‘).click(function () {// ???????????var v = $(this).text();// ???????????alert(v);// ???????})// ???????$(‘ul li‘).bind(‘click‘,function () {// ???????????var v = $(this).text();// ???????????alert(v);// ???????})// ???????$(‘ul li‘).on(‘click‘, function () {// ???????????var v = $(this).text();// ???????????alert(v);// ???????}) ??????//以上对于新增加的标签,都无法添加点击事件,只有如下可以 ???????$(‘ul‘).delegate(‘li‘,‘click‘,function () { ???????????var v = $(this).text(); ???????????alert(v); ???????}) ???</script></body></html> ???

 2.

jQuery学习总结05-事件

原文地址:https://www.cnblogs.com/it-q/p/9291273.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved