jquery几个基础概念

1、[b]<span style="color: #ff0000;">[b]工厂函数$()[/b]</span>[/b]
     作用:消除使用for循环访问一组元素的需求,因为放到圆括号中的任何元素都将自动执行循环遍历,并且会被保存到一个
               jquery对象中。 在$()函数的圆括号中使用的参数几乎没有什么限制。
      eg:
               $('p')会取得文档中所有的段落。
         id:$('#some-id')会取得文档中具有对应的some-id id的一个元素。
         类:$('.some-class')会取得文档中带有some-class类的所有元素。
 
2、<span style="color: #ff0000;">[b]css选择符[/b]</span>
     作用:使得开发者在增强自己的网站时,不必为哪种浏览器(特别是ie 6及更低版本)可能会不理解高级的选择符而担
              心,只要该浏览器启用了javascript就没有问题。
 
3、[b]<span style="color: #ff0000;">$(document).ready()</span>[/b]结构时,位于其中的所有代码都会在dom加载后立即执行。
 
4、[b]<span style="color: #ff0000;">[b]xpath选择符[/b]</span>[/b]
      作用:是在xml文档中识别不同元素或者元素值的一种语言,与css在html文档中识别元素的方式类似。
      eg:
     1)、在涉及属性选择符时,jquery使用了xpath中的惯例来标识属性,即将属性前置一个@符号并放在一对方括号中。
          也就是说,jquery没有采用css中不够灵活的属性选择符语法。
         例如,要选择所有带title属性的链接,可以使用下面的代码:
                    $("a[@title])")
     2)、方括号在xpath语法中还有一种用途,即在不带前置@符号的情况下,可以用来指定包含在另一个元素中的元素。
            例如,我们可以通过下面的选择符表达式,取得包含一个ol元素的所有div元素 :
                    $("div[ol]")
 
5、<span style="color: #ff0000;">[b]自定义选择符[/b]</span>
      自定义选择符的语法与css中的伪类选择符语法相同,即选择符以一个冒号(:)开头。
      eg1:我们想要从匹配的带有horizontal类的div集合中,选择第2个项,那么应该使用下面的代码:
                    $("div.horizontal:eq[1]")
      eg2:jquery库中的两个十分有用的自定义选择符是:odd和:even。如何通过这两个选择符为表格添加基本的条纹样
             式,针对下面的html表格:
 
<table>		<tr>			<td>	hello		</td>			<td>	this is json		</td>		</tr>		<tr>			<td>	hi		</td>			<td>	my name is tank		</td>		</tr>		<tr>			<td>	nice to meet you		</td>			<td>	too		</td>		</tr>	</table>
      css样式表:
 
.odd{	background-color:#ffc;/*奇数行的背景颜色为黄色*/	}.even{	background-color:#cef;/*偶数行的背景颜色为绿色*/	}
 jquery代码:
    $(document).ready(function(){
       $("tr:odd").addclass("odd");
       $("tr:even").addclass("even");
     })
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值