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 相关文章推荐
JQuery对checkbox操作 (循环获取)
May 20 Javascript
js快速排序的实现代码
Dec 08 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 Javascript
JavaScript的function函数详细介绍
Nov 20 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
PHP中的cookie不用刷新就生效的方法
2012/02/04 PHP
一个漂亮的php验证码类(分享)
2013/08/06 PHP
php获取URL中带#号等特殊符号参数的解决方法
2014/09/02 PHP
php计算一个文件大小的方法
2015/03/30 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
简单介绍PHP非阻塞模式
2016/03/03 PHP
php的PDO事务处理机制实例分析
2017/02/16 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
[Web]防止用户复制页面内容和另存页面的方法
2009/02/06 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
jQuery实现点击该行即可删除HTML表格行
2014/10/17 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
javascript中错误使用var造成undefined
2016/03/31 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
2018/12/22 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
js实现删除json中指定的元素
2020/09/22 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
Python3基础之基本数据类型概述
2014/08/13 Python
Python中支持向量机SVM的使用方法详解
2017/12/26 Python
Python将多个excel文件合并为一个文件
2018/01/03 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
ProBikeKit美国官网:自行车套件,跑步和铁人三项套件
2016/10/13 全球购物
单位办理社保介绍信
2014/01/10 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python