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代码
Sep 28 Javascript
js获得当前系统日期时间的方法
May 06 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
微信小程序 增、删、改、查操作实例详解
Jan 13 Javascript
JavaScript验证知识整理
Mar 24 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
js中el表达式的使用和非空判断方法
Mar 28 Javascript
JS简单判断是否在微信浏览器打开的方法示例
Jan 08 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
小程序跳转到的H5页面再跳转回跳小程序的方法
Mar 06 Javascript
JavaScript动态生成表格的示例
Nov 02 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 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
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
javascript读取RSS数据
2007/01/20 Javascript
javascript 多种搜索引擎集成的页面实现代码
2010/01/02 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
让python json encode datetime类型
2010/12/28 Python
python搭建简易服务器分析与实现
2012/12/15 Python
Python通过解析网页实现看报程序的方法
2014/08/04 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
和孩子一起学习python之变量命名规则
2018/05/27 Python
uwsgi+nginx部署Django项目操作示例
2018/12/04 Python
Python之修改图片像素值的方法
2019/07/03 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
Python扫描端口的实现
2021/01/25 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
解决html5中的video标签ios系统中无法播放使用的问题
2020/08/10 HTML / CSS
2014元旦晚会策划方案
2014/02/19 职场文书
工地安全生产标语
2014/06/06 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书