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表单验证代码
Aug 02 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
javascript实现信息增删改查的方法
Jul 25 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
Jul 29 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
Apr 19 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
Echarts之悬浮框中的数据排序问题
Nov 08 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
vue使用better-scroll实现滑动以及左右联动
Jun 30 Javascript
微信小程序实现电子签名功能
Jul 29 Javascript
vue项目多环境配置(.env)的实现
Jul 21 Vue.js
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 If Else(elsefi) 语句
2013/04/07 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
mac系统下为 php 添加 pcntl 扩展
2016/08/28 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
实例说明js脚本语言和php脚本语言的区别
2019/04/04 PHP
超强的IE背景图片闪烁(抖动)的解决办法
2007/09/09 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
javascript 表单验证常见正则
2009/09/28 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
2010/12/11 Javascript
input输入框的自动匹配(原生代码)
2013/03/19 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
深入分析node.js的异步API和其局限性
2016/09/05 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
Angular中自定义Debounce Click指令防止重复点击
2017/07/26 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
用Python调用win命令行提高工作效率的实例
2019/08/14 Python
python 判断一组数据是否符合正态分布
2020/09/23 Python
Numpy数组的广播机制的实现
2020/11/03 Python
PyQt5中QSpinBox计数器的实现
2021/01/18 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
兰芝美国网上商城:购买LANEIGE睡眠面膜等
2017/06/30 全球购物
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
学生检讨书范文
2014/10/30 职场文书
大连导游词
2015/02/12 职场文书
董事长岗位职责
2015/02/13 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
关于运动会的广播稿
2015/08/19 职场文书