首页 > 语言 > JavaScript > 正文

了解了这些才能开始发挥jQuery的威力

2024-05-06 14:35:05
字体:
来源:转载
供稿:网友

由于当前jQuery如此的如雷贯耳,相信不用介绍什么是jQuery了,公司代码中广泛应用了jQuery,但我在看一些小朋友的代码时发现一个问题,小朋友们使用的仅仅是jQuery的皮毛,只是使用id选择器与attr方法,还有几个动画,如果只是如此,相比于其带来的开销,其实还不如不使用,下面介绍几个jQuery常用的方法,来让jQuery的威力发挥出来,否则只用有限的几个方法,相对于运行速度问题,真不如不用jQuery。

jQuery如此之好用,和其在获取对象时使用与CSS选择器兼容的语法有很大关系,毕竟CSS选择器大家都很熟悉(关于CSS选择器可以看看十分钟搞定CSS选择器),但其强大在兼容了CSS3的选择器,甚至多出了很多。

选择器

有了CSS选择器基础后,看jQuery的选择器就很简单了,不再详细一一说明

基本选择器 
$(‘*')匹配页面所有元素
$(‘#id')id选择器
$(‘.class')类选择器
$(‘element')标签选择器
  
组合/层次选择器 
$(‘E,F')多元素选择器,用”,分隔,同时匹配元素E或元素F
$(‘E F')后代选择器,用空格分隔,匹配E元素所有的后代(不只是子元素、子元素向下递归)元素F
$(E>F)子元素选择器,用”>”分隔,匹配E元素的所有直接子元素
$(‘E+F')直接相邻选择器,匹配E元素之后的相邻的同级元素F
$(‘E~F')普通相邻选择器(弟弟选择器),匹配E元素之后的同级元素F(无论直接相邻与否)
$(‘.class1.class2')匹配类名中既包含class1又包含class2的元素
基本过滤选择器 
$("E:first")所有E中的第一个
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表