jQuery 常用的语法

手册地址:http://www.jb51.net/shouce/jquery1.82/

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
 
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
 

以下事介绍常用的:

 

内部插入  apddend()

外部插入 after

过滤 eq()  

  • next([expr])取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合
  • $(document).ready(function(){
      // 页面加载完成后   在这里写你的代码...
    });

on(eve,[sel],[data],fn)在选择元素上绑定一个或多个事件的事件处理函数。

 

.each(callback)   ------循环

  以每一个匹配的元素作为上下文来执行一个函数。

意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。

.size()

jQuery 对象中元素的个数。

当前匹配的元素个数。 <span title="Core/size">size</span> 将返回相同的值。

.length()

jQuery 对象中元素的个数。

这个函数的返回值与 jQuery 对象的'<span title="Core/length">length</span>' 属性一致。

attr(name|properties|key,value|fn)

设置或返回被选元素的属性值。

CSS 类:

  removeAttr(name)匹配的元素中删除一个属性

  addClass(class|fn)为每个匹配的元素添加指定的类名。

  removeClass([class|fn])从所有匹配的元素中删除全部或者指定的类。

  toggleClass(class|fn[,sw])如果存在(不存在)就删除(添加)一个类。

 

HTML代码/文本/值:

  

  html([val|fn])

取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

  text([val|fn]) 取得所有匹配元素的内容。

  val([val|fn|arr])

  获得匹配元素的当前值。

  在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。

posted @ 2018-04-04 09:50  xiaohe520  阅读(125)  评论(0编辑  收藏  举报