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 相关文章推荐
使用SyntaxHighlighter实现HTML高亮显示代码的方法
Feb 04 Javascript
在chrome中window.onload事件的一些问题
Mar 01 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
数组方法解决JS字符串连接性能问题有争议
Jan 12 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
Oct 30 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
关于javascript中dataset的问题小结
Nov 16 Javascript
弹出遮罩层后禁止滚动效果【实现代码】
Apr 29 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 24 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
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
PHP 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
php _autoload自动加载类与机制分析
2012/02/10 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
php中array_slice和array_splice函数解析
2016/10/18 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
js jquery验证银行卡号信息正则学习
2013/01/21 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
2013/10/16 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
jQuery中用on绑定事件时需注意的事项
2017/03/19 Javascript
Javascript(es2016) import和require用法和区别详解
2017/08/11 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
React中使用async validator进行表单验证的实例代码
2018/08/17 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python实现用户管理系统
2018/01/10 Python
python浪漫表白源码
2019/04/05 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
python 5个顶级异步框架推荐
2020/09/09 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
python定义具名元组实例操作
2021/02/28 Python
后勤主管工作职责
2013/12/07 职场文书
大学生村官工作感言
2014/01/10 职场文书
业务员薪酬管理制度
2014/01/15 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
毕业实习计划书
2015/01/16 职场文书
python编程简单几行代码实现视频转换Gif示例
2021/10/05 Python
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS