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可突破windows弹退效果代码
Aug 09 Javascript
JS面向对象编程之对象使用分析
Aug 19 Javascript
jquery中EasyUI实现异步树
Mar 01 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
ES6新特性之模块Module用法详解
Apr 01 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
vue项目部署上线遇到的问题及解决方法
Jun 10 Javascript
vue实现简单学生信息管理
May 30 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 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
php实现的短网址算法分享
2014/06/20 PHP
php自动更新版权信息显示的方法
2015/06/19 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
js 三级关联菜单效果实例
2013/08/13 Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
2014/12/12 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
Angular 2应用的8个主要构造块有哪些
2016/10/17 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
2017/02/12 Javascript
jQuery实现三级联动效果
2017/03/02 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
动态创建Angular组件实现popup弹窗功能
2017/09/15 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
vue中添加mp3音频文件的方法
2018/03/02 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
Vuex中的State使用介绍
2019/01/19 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
Python中encode()方法的使用简介
2015/05/18 Python
利用Python的Django框架生成PDF文件的教程
2015/07/22 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
Levi’s西班牙官方网站:李维斯,著名的牛仔裤品牌
2020/08/20 全球购物
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
一道Delphi上机题
2012/06/04 面试题
家长会演讲稿
2014/04/26 职场文书
库房管理员岗位职责
2015/02/12 职场文书
法律意见书范文
2015/06/04 职场文书
公司酒会主持词
2015/07/02 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
Mysql 性能监控及调优
2021/04/06 MySQL
如何用threejs实现实时多边形折射
2021/05/07 Javascript
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS