jquery使用注意点以及建议

时间：2016.05.01 发布人：荷塘月色ZGL

已解决问题

谷歌荷塘月色ZGL用户在2016.05.01提交了关于“汉尼拔jquery使用注意点以及建议”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-26T16:05:24。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你是我的宝贝,你是我的花,谢谢你对我的帮助！

希望以下的回答，能够帮助你。

第1个回答

用户名：yeyankun 时间：2016.05.01

　　jquery是一个非常优秀的js框架，相信大部分人都用过，也都非常熟悉它的应用，用起来也非常简单，基本的操作也都不用说了。这里不在罗列jquery的api，总结下需要注意的点，都是平时容易犯错误的地方，分享下星法，感觉还有比较有价值的，具体内容如下：

　　一、aj响超高哥呀均古盾贵理ax相关：

　　复来自制代码

　　$.ajax({

　　type:"post",

　　url:"XXX.a问答ction",

　　//决样些通粒学怎载九者杨data:'name使关镇之=John&location=china'

　　data:{name质:John,location:china},

选修座按　　dataTyp正刘号起阻组e:"json",

　　async:false,

　　success:function(data){

　　}

　　});

　　复制代码

　　1.data两种参数的用法区别

　　①一种时参数值为特殊情况时(值本身含有字符'&')：例如name=John&John2,dat执术冲价根资少求老a就变成了'name=John&John2&location=china'，这时**传到后台可能会得到不可预知的结果。

　　②正常情况下，也就是参数的值不带有特殊字符‘&’，有什称会出现“参数接收不到或不完整”的情况，具体原因我也清楚，这个确实亲身经历过，代码什么的都没有问题，到了后台有个参数就是传不过去，所以结论就是使用第二种写法较好：data:{name:John,location:china}，从来没有出现察毫边唱族传罗过参数丢失的情况，而且容错性也强。

　　2.async同步怎目评步均防雷经夜科曾方式：trueorfalse?

　　①如果需要等曲铁修待ajax的执行结果，用false，否则永远得不到正确的结果。原因很简单，如果不用false，代码会直接往下执行，这时ajax的值还没返回过来，程序没有按照想象的顺序执行，结果省坐也就可想而知了。

　　②如六服了半斯映果不需要等待ajax的执行结果最好用true，因为采用“同步的方式”(async=false)食面会处于“假死”状态，用马持业现苏过率户看起来就是“住”了，特别是假死次数太多时，体验不佳(ajax不要滥用，能在后台做的工作就在后台做，特别是一些初始化的工作)。

　除　3.dataT好例磁死客善ype：一般我们的返回值类型都是“json”,这个一定要写,并且写正确，(即便后台指定了h**TTP包MIME类型)曾经犯过一个错误，将返回值错写成“html”,结果总是取不到自己想要的值，最后将返回值一打印，发现是包含h**TTP信息的一大堆信息，好像就是一个页面h**TML代码，这时想到(ajax本就是一个h**TTP请求)。

　　4.总结，要养成良好习宫不管你的ajax多么简单，这个5个最基本的参数都带上，并且根据自己的情况将参数值写正确。

　　二、小知识：

　　1.jquery选择器返回的永远是个数组，也正因为如此，通过id选择的元素不存在也不会报错，但我们不能因为不报错写代码时就可以随意写，如果不确定元素是否存在，取时最好还是要做“非空”判断，示例：

　　if($("#btn1").length>0){

　　//主体代码

　　}

　　2.页面上有多个id或者name一样的元素时，如果取?一般是通过“相对路径”来取，因为如果要取值，总要由一些“事件”触发，如果点击了某个按钮，那么就以此按钮为出发点往上找或者往下找，常用的函数：

　　parent：取父节点元素

　　child：取子节点元素

　　prev：取兄弟节点(同级)的前一个

　　next：取兄弟节点(同级)的前一个

　　一个例子：购物车展示页面，一个table里很多组商品，每组可以单独结算，也就是都有结算“按钮”，而本组商品的某个位置度有个隐藏的元素，他们的name是一样的，这时可以这么取值：

　　$(this).parents("tr").prev().find("td").find("input[name='activecode']").val();

　　意思为从结算按钮前一行的某列中找到名字为activecode的元素的值，这里的“td”如果能确定的话后面还可以加上eq(索引值)。

　　3.取没有id的元素(有时候有些元素是没有id的，往往都是些list，如果自己的不好加或者不想加id，又或者不能加)我遇到过这样一种情况，页面上有一个li集合，他们的旨来自定义好的集合A，手里有些**A1也来自A，A1中的**也能在页面li**现，也可能没有。需求是A1中的值，li集合中也同时出现的做些样式调整，li中的任何元素都没有id,只有外面的ul有id。在这种“极端条件下”，还有

　　最后的办法，就是循环li，然后通过值相等判断。(也就说只要遇到取值，就要有循环，代码写出来非常臃肿，不过真没有办法了，也只能这样)

　　$(li集合).each(function(){

　　主体代码

　　});