jquery 新手学习常见问题解决方法


Posted in Javascript onApril 18, 2010

Q0,新手必看教程:

第一步,jQuery中文入门指南,翻译加实例,jQuery的起点教程
第二步,下载手册方便查询(jQuery 1.41 中文API文档 chm版)
第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1
Q1,js的写法:document.getElementById('save').disabled=true;
在jquery中我是这样写的$("#save").disabled = true;  为什么没效果呢

A,这个是典型的问题,其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象
这是新手常见的问题。
解决方法有2:
1,用JQ写法,$("#save").attr("disabled","true");
2,转成DOM写法$("#save")[0].disabled=true;
当然,$("#save")[0]也可以写成$("#save").get(0)。他返回的也是DOM元素

$("#save").eq(0)得到的还是jq对象
$(dom对象)就能得到一个jq对象。

Q2,获取选中的checkbox
A:
获取所有选中的checkbox:
    $("input:checkbox:checked")
判断是否一组checkbox都选中了:
    if($("input:checkbox:checked").length){}
判断某一个checkbox是否被选中
    if($("input:checkbox").is(":checked")){}

Q3,我的id里有[]或.之类的符号,怎么办?或者带有命名空间的xml标签带有:怎么办?
A:用\\来转义如<div id="id[1]"></div>
$("#id\\[1\\]")

Q4,在框架页中,如何操作父窗口的对象
A,引用UPC的方法

没找到很好的方法
只好用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[type='radio']").attr("checked","true");

iframe框架的:<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

IE7中测试通过 回去你自己试试吧

实现的原理其实很简单 就是用到了$(DOM对象)可以转换成jquery对象
==================================================

不过我的方法是
window.parent.jQuery("input[name=validate]").val("<%=Session("GetCode")%>");
这段是来自我博客的自动填写验证码的,有兴趣可分析下我的FOOTER里的那个框架。
其实本质上和UPC的方法是一样的。大家可以借鉴参考

Q5,解析由AJAX加载的XML,和相关乱码问题
A:见之前的帖子:hhttp://bbs.jquery.org.cn/read.php?tid-1673.html

Q6,我下了一个插件Interface,怎么在最新的jQuery里一点都不好用?
A: Interface已经被完全重写并且改名为jQuery UI,可以在这里找到最新版本:
    http://ui.jquery.com/

Q7,在IE下动画会闪一下,效果不理想
A,加上DTD定义即可
比如<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Q8,为什么官方的说
Download jQuery 1.2.3 (15kb, Minified and Gzipped),但我下在下来却有
jquery-1.2.3.min.js   52.8 KB
A,显然,他是用了Gzip了(一种服务器端压缩技术,自己GOOGLE)。而不是官网写错了没更新或者是骗人的~

Q9,pack,min和原版三个版本什么区别呢?
pack是如果服务器没开启gzip的时候用
min是服务器有开gzip的时候用
原版可以用于平时开发的时候,或者自己分析源码用。

Q10,jQuery用的是什么压缩软件?
A: Dean Edwards 写的Packer ,现在已经改用TBCompressor(YUI Compressor) 压缩了。推荐下载一份。
Q11,$('a[@href^="mailto"]') 这个代码在jQuery 1.3里不能用,1.2里可以,为什么?
A:  jQuery 1.3以后已经不需要再使用那个@符号了,只需要简单的去掉那个@符号就可以正常运作了。

Q12,jQuery能跨域么?
A:  jQuery本身就是对于JS的封装,浏览器对JS有权限设置,JS做不到的,jQuery也无法做到。但是可以通过 jsonp 的方式跨域。

Javascript 相关文章推荐
自己的js工具 Event封装
Aug 21 Javascript
BOM与DOM的区别分析
Oct 26 Javascript
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
js判断url是否有效的两种方法
Mar 04 Javascript
jquery中post方法用法实例
Oct 21 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
Dec 16 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
express中static中间件的具体使用方法
Oct 17 Javascript
Postman环境变量全局变量使用方法详解
Aug 13 Javascript
javascript 设计模式之单体模式 面向对象学习基础
Apr 18 #Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 #Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 #Javascript
javascript JSON操作入门实例
Apr 16 #Javascript
javascript对象之内置对象Math使用方法
Apr 16 #Javascript
jQuery 类twitter的文本字数限制带提示效果插件
Apr 16 #Javascript
jQuery maxlength文本字数限制插件
Apr 16 #Javascript
You might like
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
laravel + vue实现的数据统计绘图(今天、7天、30天数据)
2018/07/31 PHP
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
2017/01/04 Javascript
javascript修改浏览器title方法 JS动态修改浏览器标题
2017/11/30 Javascript
vue iview组件表格 render函数的使用方法详解
2018/03/15 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
2019/08/03 Javascript
Vue v-text指令简单使用方法示例
2019/09/19 Javascript
用JS实现选项卡
2020/03/23 Javascript
OpenLayers3实现地图显示功能
2020/09/25 Javascript
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
Python中str.format()详解
2017/03/12 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python2.7实现爬虫网页数据
2018/05/25 Python
详解Python网络框架Django和Scrapy安装指南
2019/04/01 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
python利用faker库批量生成测试数据
2020/10/15 Python
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
Speedo速比涛法国官方网站:泳衣、泳镜、泳帽、泳裤
2019/07/30 全球购物
大学同学聚会邀请函
2014/01/19 职场文书
幼儿园三八妇女节活动方案
2014/03/11 职场文书
座谈会主持词
2014/03/20 职场文书
马智宇结婚主持词
2014/04/01 职场文书
本科毕业生自荐信
2014/05/26 职场文书
新学期标语
2014/06/30 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
现实表现证明材料
2015/06/19 职场文书
经营场所使用证明
2015/06/19 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
聊聊Python String型列表求最值的问题
2022/01/18 Python
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python