jquery常用操作.docxVIP

jquery常用操作2008-09-17 15:00jquery基本入门第一天：选择器相关?1.html()与.text()?.html()取得第一个匹配元素的html内容。会带有标签，.text()仅是里边的文本?.text()取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本?2.?$(a)选择所有的连接?$(.a)选择所有class=a的标签?$(#a)选择id=a的标签?3.?$(span[@name=a])选择了span name=a/span?$(span[@love=a])选择了span love=a/span?$(li#a)?????????? 选择了li id=ali?$(li.a)?????????? 选择了li class=ali?$(li .a)????????? 选择了li class=aspan class=aspan被选择了/spanli?由于可以看出 连在一起是指li并且class=a 中间有空格是指li下的class=a的元素,同CSS选择器的道理一样?$(div[@id=form]).hide(slow);找到div id=formspan/span/div并且这个层隐藏?$(div[@id=form]).children().hide(slow)找到div id=formspanspan才是被找到/span/div并隐藏?$(h1:contains(换个写法))找到h1换个写法/h1?$(h1 :contains(换个写法))找到???? h1span换个写法/span/h1br /?由此可以看出，连在一起是找h1中包含换个写法的内容,有空格是找h1的下一级元素中含中换个写法的内容?4.?$(ulli:odd) 偶数行?$(ulli:even) 奇数行?5 var a=$(select[@name=class] option[@selected]);???? var b=$(select[@name=class1]);???? b.append(a);?从一个下拉列表把内容放到另一个下拉列表里?6?$(a).parent(p)??? 只能找到p段a href=#落/a一/p???? 直接关系?$(a).parents(p) 可以找到p段ema href=#落/a/em二/p 所有的父?$(p).eq(0)找到第一个p?$(p:eq(0))同上?$(p:visible) 所有可见的p?7?$(div:first) 找到第一个div?$(div:first-child) div的父元素的第一个元素是div才匹配?以上基本上是写了下选择器，更多参考?/Selectors?第二天:ajax相关?首先看下json，当然ajax可以返回xml.html,json等?json_encode后的数据格式总结?一，对象?结果为hash表,就是{键:值,键:值}这样的形式，为js可以识别的对象?二，一维索引数组?结果为数组[元素一,元素二]，为js可以识别的数组?三，一维相关数组?结果为hash表,为js可以识别的对象?四，多维索引数组?结果为[[a,b],[c,d]]这样的形式,为js可以识别的数组?五，多维相关数组?结果为[{1:a,2:b},{1:c,2:d}],外边是js可以识别的数组，中间是hash?对于hash的处理方式?script?var json={title:a,name:b,age:c};?alert(json.age);?/script?对于数组的处理方式?script?var json=[a,b,c];?alert(json[1]);?/script?之所以总结，是因为我对这些不熟，遇到这样子的我就套上这些?OK,现在开始看jquery处理ajax?$.ajax()为通用方式?其中间必须是一个hash表即，形式为{键:值,键:值}的形式?参数?type:请求方式，默认为get，如:type:post?url :ajax请求的url???????? 如:url :ajax.php 也可以是url:ajax.php?id=5这样子id可以通过$_GET[id]得到?data:传递的参数:?如:data:name=terryage=30 具体如何得到数据($_GET[],$_POST[])取决于上边的type.?如:data:{name:terry,age:30}，此种形式会转成name=terryage=30?dateType:返回数据的方式，默认为html,?如果返回json下边有个例子是处理这种类型的返回的数据?ifModified:默认为false，如果为true，当数据没有变化时请求不成功?error:请求失败是执行的函数?timeout:请求的时间，超过此