JQuery

jQuery语法

基础语法：$(selector).action()

美元符号定义jQuery

选择符(selector)查询和查找HTML元素

action()执行对元素的操作

示例：$(this).hide()隐藏当前元素；$("p").hide()隐藏所有p标签段落；$(".test").hide()隐藏所有class="test"的元素；$("#test").hide()隐藏所有id="test"的元素

文档的就绪函数

$(document).ready(function(){

         jQuery code ...............

});

为了防止文档在完全加载之前运行jQuery代码

jQuery元素选择器$("")

$("p.intro")选取class="intro"的<p>元素

jQuery属性选择器$("[]")

$("[href='a']")选择所有带有href且值等于”aa“的元素

jQuery css 选择器$("").css()

$("p").css("background-color","red");p元素的背景颜色改为红色

jQuery选择当前元素$(this)

jQuery事件函数

ready将函数绑定到文档就绪事件，click点击事件：

//点击按钮隐藏P标签   点击按钮触发hide()函数

$(document).ready(function(){

       $("button").click(function(){

              $("p").hide();

       });

});   

dbclick双击事件：$(selector).dbclick(function)

focus获得焦点事件：$(selector).focus(function)

mouseover鼠标悬停事件：$(selector).mouseover(function)

bind绑定事件

change事件等等。

jQuery隐藏显示效果 hide()隐藏  show()显示   toggle()方法用来切换hide()和show()方    toggle(speed,callback) speed参数隐藏显示的速度，callback参数toggle()方法后执行的函数。

jQuery淡出淡入效果

淡入：fadeIn()

淡出：fadeOut()

切换淡出淡入：fadeToggle()

渐变为给定的不透明度(介于0-1之间)：fadeTo()

jQuery其他效果省略

jQuery   HTML

jQuery获取内容:

  text() 设置或返回所选元素的文本内容

  html()设置或返回所选元素的内容包括HTML标记

  val()设置或返回表单字段的值（输入字段的值）

jQuery获取属性：

  attr()

   $("a").attr("href")获取所有a标签中href属性的值

   $("a").attr("href","www.sina.com.cn")改变链接中href的值

jQuery添加元素

append()在被选元素的结尾插入内容

prepend()在被选元素的开头插入内容

after()在被选元素之后插入内容

before()在被选元素之前插入内容

jQuery删除元素

remove()删除被选元素及其子元素

empty()删除被选元素的子元素

jQuery  AJAX      load()方法

load()方法从服务器加载数据，并把返回的数据放入被选元素中

语法：$(selector).load(URL,data,callback);

URL请求地址

data 与请求地址一同发送的查询字符串键值对集合

callback  load()方法完成后执行的函数。

callback回调函数可以设置不同的参数

responseTxt包含调用成功时的结果内容

statusTXT包含调用的状态

xhr包含XMLHttpRquest对象

jQuery   AJAX   get()和post()方法

get从指定的资源请求数据

post向指定的资源提交要处理的数据

$get()方法通过HTTP GET请求从服务器上获取数据

$get(URL,callback);

$ajax()