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 相关文章推荐
JQuery 选项卡效果(JS与HTML的分离)
Apr 01 Javascript
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
js滚动条回到顶部的代码
Dec 06 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
Aug 21 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
15款最好的Bootstrap在线编辑器
Aug 03 Javascript
在vue.js中抽出公共代码的方法示例
Jun 08 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 16 Javascript
javascript实现贪吃蛇小练习
Jul 05 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抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
2014/05/11 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
bootstrap table实例详解
2017/01/06 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
通过命令行生成vue项目框架的方法
2017/07/12 Javascript
koa+mongoose实现简单增删改查接口的示例代码
2019/05/13 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
微信小程序之高德地图多点路线规划过程示例详解
2021/01/18 Javascript
python如何实现反向迭代
2018/03/20 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Python匿名函数及应用示例
2019/04/09 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
python GUI库图形界面开发之PyQt5结合Qt Designer创建信号与槽的详细方法与实例
2020/03/08 Python
matplotlib绘制正余弦曲线图的实现
2021/02/22 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
秘书英文求职信
2014/04/16 职场文书
年终考核实施方案
2014/05/26 职场文书
迎七一演讲稿
2014/09/12 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
山楂树之恋观后感
2015/06/11 职场文书
2015年基层党建工作汇报材料
2015/06/25 职场文书
办公用品管理制度
2015/08/04 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
python将图片转为矢量图的方法步骤
2021/03/30 Python
vue实现简易音乐播放器
2022/08/14 Vue.js