JS [ JQuery ]

jQuery 语法实例

元素选择
$(this).hide()
    演示 jQuery hide() 函数，隐藏当前的 HTML 元素。
$("#test").hide()
    演示 jQuery hide() 函数，隐藏 id="test" 的元素。
$("p").hide()
    演示 jQuery hide() 函数，隐藏所有 <p> 元素。
$(".test").hide()
    演示 jQuery hide() 函数，隐藏所有 class="test" 的元素。
$("p.test").hide()
    隐藏所有 class="test" 的段落
$("p#demo")
    选取 id="demo" 的第一个 <p> 元素。
$("ul li:first")     
    每个 <ul> 的第一个 <li> 元素

属性选择
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

CSS选择
    $(selector).css(name,value)
    $(selector).css({properties})
    $(selector).css(name)
$("p").css("background-color","red");
$("p").css({"background-color":"red","font-size":"200%"});
$("#id100").height("200px");
$("#id200").width("300px");

事件
Event 函数     绑定函数至
$(document).ready(function)     将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function)     触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function)     触发或将函数绑定到被选元素的双击事件
$(selector).focus(function)     触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function)     触发或将函数绑定到被选元素的鼠标悬停事件

一些效果
$(selector).hide()     隐藏被选元素
$(selector).show()     显示被选元素
$(selector).toggle()     切换（在隐藏与显示之间）被选元素
$(selector).slideDown()     向下滑动（显示）被选元素
$(selector).slideUp()     向上滑动（隐藏）被选元素
$(selector).slideToggle()     对被选元素切换向上滑动和向下滑动
$(selector).fadeIn()     淡入被选元素
$(selector).fadeOut()     淡出被选元素
$(selector).fadeTo()     把被选元素淡出为给定的不透明度
$(selector).animate()     对被选元素执行自定义动画

html操作
$(selector).html(content)     改变被选元素的（内部）HTML
$(selector).append(content)     向被选元素的（内部）HTML 追加内容
$(selector).prepend(content)     向被选元素的（内部）HTML “预置”（Prepend）内容
$(selector).after(content)     在被选元素之后添加 HTML
$(selector).before(content)     在被选元素之前添加 HTML

jQuery AJAX 请求
请求     描述
$(selector).load(url,data,callback)     把远程数据加载到被选的元素中
$.ajax(options)     把远程数据加载到 XMLHttpRequest 对象中
$.get(url,data,callback,type)     使用 HTTP GET 来加载远程数据
$.post(url,data,callback,type)     使用 HTTP POST 来加载远程数据
$.getJSON(url,data,callback)     使用 HTTP GET 来加载远程 JSON 数据
$.getScript(url,callback)     加载并执行远程的 JavaScript 文件

(url) 被加载的数据的 URL（地址）
(data) 发送到服务器的数据的键/值对象
(callback) 当数据被加载时，所执行的函数
(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)
(options) 完整 AJAX 请求的所有键/值对选项

注意点：
    把所有 jQuery 代码置于事件处理函数中
    把所有事件处理函数置于文档就绪事件处理器中
    把 jQuery 代码置于单独的 .js 文件中
    如果存在名称冲突，则重命名 jQuery 库

API

http://api.jquery.com/browser/

W3C

http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp