您的位置:

首页 >

网络编程 >

jquery 新手学习常见问题解决方法 >

jquery 新手学习常见问题解决方法

2016-02-07 05:37:02

分类:网络编程

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,获取选中的checkboxA:获取所有选中的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.htmlQ6,我下了一个插件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实现的抽奖效果 数字跳动版 .a1 {}{ position: relative; font-family: Verdana; font-size: 200px; color: #888888; } function Lottery() { var Nos = Math.round(Math.random() * (4999 - 1) + 1); var result = document.getElementById("layer1"); if (result != null) { result.innerHTML = Nos; } T = setTimeout('Lottery()', 10); } //--> Result [Ctrl+A 全选 注:

无标题文档 var world={ init:function(){ document.write('加载'); }, dosm:function(str){ alert(str); } } world.init(); world.dosm("测试2"); [Ctrl+A 全选 注:

javascript实现划词标记划词搜索功能 <!-- document.body.onload=adddiv; document.onmousedown=recordobj; document.ondblclick=dbclick; document.onmouseup=showselect; var starobj,isdb=false,allow=true; function isallow() { if(allow){ allow=false; alert('is closed'); } else{ allow=true; alert('is opend'); } } function dbclick() { isdb=true; } function recordobj() { starobj=event.srcElement; } function showselect() { var str=""; if(event.srcElement.tagName!="A"&&event.srcElement.tagName!="INPUT"&&event.srcElement==starobj&&!isdb&&allow) { var oText=document.selection.createRange(); if(oText.text.length>0) { str=oText.text; oText.text="BuB"+oText.text+"EuE"; } oText.select(); event.srcElement.innerHTML=event.srcElement.innerHTML.replace("BuB","<u style='FONT-WEIGHT: bold;COLOR: #ff3366'>").replace("EuE","</u>"); } searchgoogle(str) isdb=false; } function searchgoogle(str) { var obj=document.getElementById("searchgoogle"); if(str.length>0) { obj.style.display="block"; obj.style.position="absolute"; obj.style.zindex=999; obj.style.posTop=document.body.scrollTop+event.y-25; obj.style.posLeft=document.body.scrollLeft+event.x+5; obj.style.widht=80; obj.innerHTML="<a target=_blank href=http://www.google.com/search?ie=gbk&oe=gbk&q="+str+" style='BORDER-RIGHT: royalblue thin solid; BORDER-TOP: royalblue thin solid; FONT-WEIGHT: bold; BORDER-LEFT: royalblue thin solid; CLIP: rect(auto auto auto auto); COLOR: #ffffff; BORDER-BOTTOM: royalblue thin solid; BACKGROUND-COLOR: inactivecaption; TEXT-DECORATION: none'>搜索相关</a>"; } else { obj.style.display="none"; } } function adddiv() { var mobj = document.createElement("div"); mobj.id="searchgoogle"; document.body.appendChild(mobj); } //--> 脚本之家是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为大家游戏脚本资源,源码,软件,asp,php,javascript等编程资料,是网页制作,网络编程,网站建设人士的聚集场所。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]在页面中加上这串代码就行了,同时还有搜索功能。

这是一款简单易用的文章分享工具,您只需将下面的html代码拷贝到模板中就可以实现文章快速分享功能。如果您想分享你的博客、个人网站或者企业网站等等,下面是两款不错的分享工具,值得拥有! 1. 复制代码 代码如下: <div id="ckepop" class='feixiangjias'> <a href="javascript:" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank">分享到:</a> <a class="jiathis_button_qzone">QQ空间</a> <a class="jiathis_button_tsina">新浪微博</a> <a class="jiathis_button_kaixin001">开心网</a> <a class="jiathis_button_renren">人人网</a> <a class="jiathis_button_baidu">百度收藏</a> <a class="jiathis_button_douban">豆瓣</a> <a class="jiathis_button_tqq">腾讯微博</a> </div> <script type="text/javascript" src="http://www.139cai.com/public/share.js" charset="utf-8"></script> 2. 复制代码 代码如下: <div style="LINE-HEIGHT: 12px" id="bdshare" class="bdshare_b"><img src="http://bdimg.share.baidu.com/static/images/type-button-1.jpg"> </div> <script id="bdshare_js" type="text/javascript" data="type=button&uid=664845" src="http://bdimg.share.baidu.com/static/js/bds_s_v2.js?cdnversion=381133"></script> <script type="text/javascript"> document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?

焦点访谈

最新最热的文章

更多 >

COPYRIGHT (©) 2017 Copyright ©2017 888真人 网站地图

联系我们

827570882

扫描二维码分享到微信