了解jQuery技巧来提高你的代码

了解jQuery技巧来提高你的代码的相关文章

• 
  Jquery cookie操作代码

  标签：Web开发

  用JS写cookies说难也难说简单也简单，说简单就是直接document.cookie=..,直接就写了，说难就是cookies中有的Key已经有了，是想用JS去重写来着这个时候你用document.cookie去写就直接把这个key又重新写了一遍了，有的时候还会发生不能成功写入的情况(有时写需要escape函数的字符会出现，具体原因不清楚)，反正就是很麻烦，后来看到有Jquery的cookies插件，感觉不错，但是跟踪调试的时候发现cookies上面还是多写...[ 查看全文 ]

  思埠河北总经销

  51
• 
  JQuery 常用操作代码

  标签：Web开发

  //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); } else { $("option value='111'...[ 查看全文 ]

  adgjmptw827

  21
• 
  用jquery来定位

  标签：Web开发

  demo：http://www.healdream.com/upLoad/html/jquery/position/ down：http://www.51files.com/?Z25US63TM6OBHQJ2XM58 用法： 首先当然是将两个js包含进来了 代码如下： script type="text/javascript" src="../jquery.js"/script !-- load dimensions.js (this is what we're testing! -- script type="text/javascript" src="dimensions.j...[ 查看全文 ]

  小北湖上弹琵琶

  21
• 
  jQuery入门[4]－链式代码

  标签：Web开发

  jQuery另一个很令人惬意的地方是，一般的代码都是一行一行写，jQuery的代码可以一串一串写。 这一点，在前面的文章中已经介绍过了。 直接来一个Demo: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...[ 查看全文 ]

  卢小苗的店

  31
• 
  JQUERY操作JSON实例代码

  标签：Web开发

  1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家（大家慢慢去研究） 准备工作： 首先，我们新建个网站（.net2.0就行）. 1.在我们的项目中jquery的js文件。 2.新建一个htm文件，命名为dome.htm吧。 代码如下：（head区的js代码就是实现的全部代码，有详细注释） 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...[ 查看全文 ]

  lin02144

  21
• 
  提高HTML代码的效率

  标签：PHP

  许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误，甚至常看到有人在抱怨其网站排名不理想，到其网站简单看一下便可发现 HTML代码中充斥各种各样的错误，在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊！事实上，IE是一款对HTML代码容错能力甚高的的浏览器，——说句题外话，尽管我们可以有各式各样的理由可以攻击微软，但微软对其产品操作的易手性及...[ 查看全文 ]

  紧急呼叫双鱼

  21
• 
  基于jQuery的密码强度验证代码

  标签：Web开发

  密码强度验证的方式有很多，今天给大家推荐一个通过JQuery实现的密码强度验证控件，只需要很少的代码便能实现。 因为是基于JQuery的控件，当然需要JQuery库，还要一个本控件的JS。JQuery的JS大家可以到官网下载：http://code.jquery.com/jquery-1.4.2.min.js 这个控件的JS文件：password_strength_plugin.js 复制代码 代码如下: (function($){ $.fn.shortPass = 'Too short'; $.fn.badPass = 'Weak'; ...[ 查看全文 ]

  愿成你影

  31
• 
  jQuery 前的按键判断代码

  标签：Web开发

  做web开发的时候，有时候需要根据键盘进行一些操作，例如按下Enter的时候提交表单，禁止用户输入某些特殊字符，设置快捷键等等。这时候需要找出用户按下的是那些按键，写个小程序来测试按键。 代码如下： $(document).ready(function(){ var $down = $("#down"); var $press = $("#press"); var $up = $("#up"); $(document).keydown(function(event){ $down.append(String.fromCharCode(event.keyCod...[ 查看全文 ]

  shihuaping_

  21
• 
  jQuery 改变CSS样式基础代码

  标签：Web开发

  其中一种接受两个输入参数：样式属性和样式值，它们之间用逗号分开。比如我们要改变链接颜色，我们可以使用下面的代码： 代码如下： $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")'表示ID为‘#61dh'的元素下的所有链接。 //.css(‘color','#123456');表示把颜色设为'#123456' 如果我们需要改变多个样式属性，我们可以先定义属性变量，然后直接赋值给css()方法。示例如下： 代...[ 查看全文 ]

  我叫戴丽娜

  21
• 
  jQuery 页面 Mask实现代码

  标签：Web开发

  在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: '#000' }, options); // 创建一个 Mask 层，追加到 document.body $('div class="jquery_addmask" /div')...[ 查看全文 ]

  倔驴4

  551
• 
  jquery 页面全选框实践代码

  标签：Web开发

  代码如下： html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" title全选/title /head body divdemo input type="button" onclick="alert(ob.checkedIds());" value="选中ID"/ input type="button" onclick="alert(ob.checkedTexts());" value="选中值"/ input type="button" onclick="alert(ob.checkedKeys('value1'));" value="选中属性值"/ /div table tr thin...[ 查看全文 ]

  夏雨未歇

  131
• 
  jQuery 技巧小结

  标签：Web开发

  1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$()转换成jquer...[ 查看全文 ]

  超级北京男孩

  31
• 
  职场说话技巧提高你的说服力

  标签：职场

  无论你是想要寻求商业伙伴，投资人，还是关系良好的代理人，说话有说服力是一项必要而强有力的技能。这种技能，是成功的企业家应该掌握的一项能无限发挥作用的技能。下面教大家职场说话技巧提高你的说服力，希望对大家有帮助。 但是要想有说服力并不简单，而且也并不是虚幻的。我不是专家，但我相信任何人都能成为一个有说服力、有魅力、令人信服的人。我也相信要想有说服力与耍阴谋诡计无关。我相...[ 查看全文 ]

  们物理没

  421
• 
  js jquery做的图片连续滚动代码

  标签：Web开发

  核心代码如下，大家可以参考 代码如下： script src="/js/jquery.js"/script  script  $(document).ready(function(){         $(".bannerbutton li").each(                       function(){    &nb...[ 查看全文 ]

  xu太萌

  231
• 
  jquery 应用代码 方便的排序功能

  标签：Web开发

  终极目的：想做一个方便的排序功能。 具体实现：点击后可以输入排序的数字编号，移开后自动更新数据库。 1，我想把这个功能用span来完成，也就需要一个在页面上监控指定的span的东西，他就是： ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); 2，页面上span很多，如何才能区分呢？用id？还是class？id太单一，于是用class...[ 查看全文 ]

  泰安宏通金属

  31
• 
  jQuery 处理网页内容的实现代码

  标签：Web开发

  jQuery提供两种实现这种功能的方法 – text()和html()。text()是对纯文本的处理；html()和text()相似，不同的是它还支持HTML代码。 代码如下： //设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; $('#b5_a").text("这是新加入的文本信息"); //在ID为"b5_b"的div里加入一段html代码； $("#b5_b").html("p新加入一个html段落/p"); 有时我们要读取页面的内容，这也可以用text()和html()来实现。同...[ 查看全文 ]

  tys333ddd369

  01
• 
  JQuery 获取和设置Select选项的代码

  标签：Web开发

  获取Select ： 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引： $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值 设置select 选中的value： $("#ddlRegType ").attr("value","Normal“); ...[ 查看全文 ]

  天赐良鸡哦

  21
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  jquery 锁定弹出层实现代码

  标签：Web开发

  基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV...[ 查看全文 ]

  执旧_eaSon

  101
• 
  JQuery与iframe交互实现代码

  标签：Web开发

  在iframe中查找父页面元素的方法： $('#id', window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量： parent.method parent.value[ 查看全文 ]

  贵族丨诺

  21