简单的jqurey用法之一个事件控制多个元素
2016-07-25 21:10
183 查看
jquery事件-target属性:
target属性规定了哪一个DOM元素触发了该事件。
$(document).ready(function(){ $(".a,.b, .c, .d").click(function(event){ if(event.target.className=="a"){return true} ; }); });
该属性可以区分事件里不同的元素,上面有a,b,c,d四个不同的class。通过点击不同的元素,event.target.className会返回不同的字符,以此来判断你所点击的是哪一个元素。
jquery元素选择器:
jquery通过css选择器来选择html元素:
$("p")选取<p>元素。
$("p.jkl")选取class="jkl"的<p>元素。
$("p#lkj")选取id="lkj"的<p>元素。
添加新的html的四个jqurey方法:
append()- 在被选元素的结尾插入内容
$(".a").append(shopping);//将shopping插入到class=a的元素结尾。 $(".a").append(shopping,shopping2,shopping3);//可以插入多个元素;
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
jquery三种插入元素的方法:
function set(){ var a="<p>I</p>"; var b=$("<h1></h1>").text(am); var c=document.creatElement("h2"); c.innerHTML="boy"; }
jquery删除元素的方法:
remove()删除被选元素及其子元素。
localStorage.removeItem("key"); //清除本地键为key的value $(".a").remove();
empty()-从被选元素中删除子元素。
$("#id").empty();
相关文章推荐
- 20171012学习笔记Selenium 2 第四章WebDriver API 4.2控制浏览器 4.3简单元素操作4.4鼠标事件4.5键盘事件
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- GridView之BaseAdapter的用法简单案例(二)【子元素item的高度暂时不知道控制】
- boj 1347 简单数组问题 在一个二维数组中 a[i][j]=a[i][j]+a[i-1][j]+a[i][j-1]-a[i-1][j-1] 则a[i][j]为i j位置左上侧所有元素之和
- 一个简单的C#多线程间同步(事件方法)的例子
- XML 与 HTML 有什么区别?请写出一个包含个人姓名、年龄、性别的 XML 简单元素。
- 多窗体的查询网页,简单到不得了~!webBrowser控件的用法,好像还有一个singleton!
- 简单播放器(增加sdl事件控制)
- Axure:一个简单的进度条,了解“触发事件”动作
- 一个简单的js事件,循环table并自动计算总价
- 一个简单的检查事件丢失的小工具
- 一个演示 CAsyncSocket 用法的极简单的例子.
- 不能对同一个元素调用几次ON,绑定多个事件。。。否则就悲剧了
- Kibo是一个简单的用于处理键盘事件的Javascript工具库。
- 关于ExpandableListView用法的一个简单小例子
- 一个简单的凯撒加密解密程序的fgets函数用法注意
- 写了一个简单的对多游标控制的存储过程
- iOS开发 - 滑动控制屏幕亮度和系统音量(附加AVAudioPlayer基本用法和Masonry简单使用)
- 一个简单的库存控制模型
- 一个简单的游戏开发框架(三.事件管理)