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 相关文章推荐
别了 JavaScript中的isXX系列
Aug 01 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
探讨js中的双感叹号判断
Nov 11 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
js实现字符串转日期格式的方法
May 20 Javascript
一看就懂:jsonp详解
Jun 01 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
node.js学习之断言assert的使用示例
Sep 28 Javascript
原生js实现仿window10系统日历效果的实例
Oct 31 Javascript
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
微信小程序跨页面数据传递事件响应实现过程解析
Dec 19 Javascript
JavaScript中的相等操作符使用详解
Dec 21 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
zf框架的数据库追踪器使用示例
2014/03/13 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
IE6 fixed的完美解决方案
2011/03/31 Javascript
让AJAX不依赖后端接口实现方案
2012/12/03 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
2013/07/10 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
2013/09/13 Javascript
jquery实现简单的banner轮播效果【实例】
2016/03/30 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
2016/06/24 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
详解Vue.js搭建路由报错 router.map is not a function
2017/06/27 Javascript
bootstrap 弹出框modal添加垂直方向滚轴效果
2018/07/09 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
js实现固定区域内的不重叠随机圆
2019/10/24 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
python实现进程间通信简单实例
2014/07/23 Python
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
python黑魔法之参数传递
2016/02/12 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Python 使用type来定义类的实现
2019/11/19 Python
大门门卫岗位职责
2013/11/30 职场文书
校园文化建设方案
2014/02/03 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
士力架广告词
2014/03/20 职场文书
专题组织生活会发言材料
2014/10/17 职场文书
个人年终总结结尾
2015/03/06 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
Python Pygame实战在打砖块游戏的实现
2022/03/17 Python
postgresql如何找到表中重复数据的行并删除
2023/05/08 MySQL