JQuery语法:
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操 作"(actions)
$(selector).action();
//或者:
jQuery(selector).action();
美元符号定义 jQuery
选择符(selector)“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作
jQuery 和 $ 是JQuery的变量;在后续代码的变量命名中不要使用这两个名 称,也不要给这两个变量赋值!!如果覆盖JQuery可能失效
注意:
所有 jQuery 函数位于一个 document的ready事件的回调函数中 这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后 才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失败。
$(document).ready(function(){
// 开始写 jQuery / JavaScript 代码…
});
简洁写法(与以上写法效果相同):
$(function(){
// 开始写 jQuery / JavaScript 代码…
});
JQuery属性:
分类 函数 描述
属性
attr() 设置或返回被选元素的属性值。
removeAttr() 从每一个匹配的元素中删除一个属性
prop() 获取在匹配的元素集中的第一个元素的属性值。
removeProp()用来删除由.prop()方法设置的属性集
CSS 类
addClass() 为每个匹配的元素添加指定的类名。
removeClass() 从所有匹配的元素中删除全部或者指定的类。
toggleClass() 如果存在(不存在)就删除(添加)一个类。
HTML 代码
html() 取得第一个匹配元素的html内容。这个函数不能用于XML文档。 但可以用于XHTML文档。
文本 text() 设置/取得所有匹配元素的内容。
值 val() 设置/获得匹配元素的当前值
JQuery对象访问:
函数 描述
each() 遍历匹配到的每一个元素
size() jQuery对象中元素的个数。
length jQuery对象中元素的个数。
selector 返回传给jQuery()的原始选择器。
Context 返回传给jQuery()的原始的DOM节点内容,即jQuery()的第二个参数。如果没有指定,那么context指向当前的文档(document)。
get() 取得其中一个匹配的元素。num表示取得第几个匹配的元素。
index() 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。没有匹配元素返 回1
data() 在元素上存放或读取数据,返回jQuery对象。如果浏览器支持HTML5,同样可以 读取该DOM中使用 data[key] = [value] 所存储的值。
removeData() 在元素上移除存放的数据