JQuery

[JQuery]

       $选择对象 本质是个函数   用迭代的方式取得对象

       -$(document).ready 注册事件函数与普通的dom不同 。简写：$(function(){…})

--ready在dom对象加载完毕后触发，而onload则是所有dom元素加载完成后才触发。

--ready可注册多个事件，而onload则只能注册最新的事件（1个）.

-$.map(array,fun);对数组内所有元素一次执行函数，并返回一个新数组。不能处理dictionary

-$.each(arr,fun（key,value）) 对数组进行fun操作，没有返回值，能处理dictionary。

  fun没有参数默认是处理value，有this取得value，

       可用arr.each(fun())简化调用，链式编程的特点！

*dom对象要想通过jquery进行操作，先要转化为jquery对象。

*jquery对象函数中没有参数为取值，有参数为赋值。

Jquary选择器

-$(“#id”) 取得名为name的dom对象 。 

-$(“tagname”)取得所有tagname的标签对象。

-$(“.style”) 取得class格式为style的所有对象。

-$(“p,div,span.style”) 多条件选择器：同时选择p ，div 和拥有.style样式的span.

-$(“div li”) 获取所有div下的li元素（孩子，孙子，孙孙子。。。。）

-$(“div > li”) 获取div下的直接孩子li。

-$(“.style + div”) 获取样式为style之后的第一个div.

-$(”.style ~ div”) 获取样式为style之后的所有div元素。

--用jquery选择对象。如果没有该对象不会报错，可用数组遍历得到获取的对象个数

        

-$(‘#id’).html()=document.getElementById(“id”).innerHTML();

-var obj=jqob[0] or jqob.get(0); 将jquery对象转换为dom对象

-attr(“x”) 获得元素x属性 通常是获取jquery未封装的属性

-removeattr() 删除属性 在源代码中会无法看到该属性

 

遍历

-nest() 取得节点下一个紧挨着的第一个同辈元素

- nestAll(“tag”) 取得节点后所有的tag元素 参数为空时取所有元素

-siblings(“tag”) 用于取得所有的tag同辈元素 参数为空时取所有元素

 

过滤器：

-:first  选取第一个元素   $(“div:first”)

- :last   选取最后一个元素

-:not  选择不满足条件的元素

- :even   :odd   选取奇数  偶数元素

-:eq :gt :lt  选取等于 大于 小于索引序号的元素

- :header 选取h1~h6元素 (*)

- $(“div：animated”)选取正在执行动画的元素(*)

属性过滤选择器:

-$(“div[id]”) 选取有id属性的div

-[title=test] 选取title为test属性的元素  !=不等于

 

-$(“form:enable”) 选取表单内所有取用的元素

-$(“input:checked”) 选取所有选中的第一个input

 

表单选择器

-$(“:input”)  选取所有的input  textarea select      button元素

-$(“：text”)  选取所有单行文本框

-$(“:password”) 选取所有的密码框…..

 

创建DOM节点

-$(html)创建dom对象

-append() 在元素末尾添加dom对象  父子

-prepend() 在元素前添加    父子

-after()  元素之后添加 兄弟

-before()  元素之前添加  兄弟

-remove()  删除选择的节点  对象未删除

-empty()   清空节点

 

节点替换

-$(、、).replaceWith(..)  用..替换、、

 

包裹节点

-wrap(..) 用..包裹节点

 

样式操作

-addClass()   添加样式

-removeClass()   移除样式

-toggleClass()  切换样式，如果存在则删除，如果不存在则添加

-hasClass() 判断样式是否存在

 

事件

  Jquery也存在事件冒泡，但可以用e.stopPropagation()方法终止冒泡

 e.preventDefault()阻止默认行为。 

e是事件对象，在函数中如果想获得事件相关信息须传入参数e

-pageX pageY 触发事件时鼠标的坐标   需要事件对象

-target 获得触发事件的源元素

-witch 获得鼠标按键（1左 2中 3右）

-altKey ctrlKey shiftKey  获得事件发生时是否按下了相应的键  bool值

-keyCode  键盘码

-charCode  ASC码

-bind() 绑定事件

-unbind() 解除绑定

-one() 一次执行事件

 

动画效果

-show()   显示

-hide()    隐藏

-toggle()    在显隐中切换

 上述方法参数 fast 200毫秒   normal 400毫秒  slow 600毫秒  也可直接加参数

 

 

AJAX

$.ajax()   JQuery提供的ajax访问函数

$.post()   对$.ajax()的post方法提交ajax查询的封装   不访问缓存

$.get()    对$.ajax()的get方法提交ajax查询的封装   访问缓存

 

JSon 

-拿到复杂字符串序列化 在客户端反序列化拿到对象，

$.parseJSON(JavaScriptSerializer)

       ----jquery中是空格敏感的，运用须谨慎。

       -----在设置属性值的时候如果是数组则必须加[]，哪怕是只有1个数值。--

------切记---对标签添加事件的时候注意添加时间，一定要在标签加载完成后添加事件，页面加载顺序是从上到下-------切记--