在CMS中通常都有给标题添加颜色的功能，但一般都比较简单，颜色支持也少，这里我要分享一个自己修改的颜色选择器。界面简洁，功能强大。在我们的日常项目中可以快速的部署。代码如下:$(".colorpicker").colorpicker({ target:#title, success:function(o,color){ $("#color").val(color) }, reset:function(o){ $("#color").val(); } }); 相关文件和演示 ColorPicker选择器含演示程序下载：点击下载 ColorPicker演示：点击查看
一、Jquery常用的过滤选择器如下所示： 1、:first，选取第一个元素，比如$("div:first")选取第一个div元素 2、:last，选取最后一个元素，比如$("div:last")选取最后一个div元素 3、:not(选择器)，选取不满足“选择器”条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素 4、：even/：odd，选取索引为偶数/奇数的元素，比如$("div:even"),选取索引号为偶数的所有div元素 5、:eq(索引序号)/:gt(索引序号)/...
最近，我就对jQuery的选择器使用做了一些个小小的实验，用来说明jQuery的不同选择器在不同的情况下，哪个效率更高，更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。 代码如下:<!-- 引入FireJSPT的库文件 --> <script type="text/javascript" src="firejspt.js"></script> <!-- 引入google提供的1.44版的jQuery的库文件，其实哪个版本都无所谓了，呵呵 --> <script type="text/java...
在线演示： http://demo.jb51.net/js/2012/js_date/ 代码如下:<html> <head> <title>Js日期选择器并自动加入到输入框中</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <script type="text/javascript"> var gMonths=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"); var WeekDay=new Array("日","一","二","三","四","五","六"); var strTo...
这是看《锋利的jquery》时，整理出来的一些东西，很多方法，需要大家亲自实践一下，才会理解得更加深刻，切莫眼高手低哦…… Jquery选择器分类：基本选择器，层次选择器，过滤选择器，表单选择器 一、基本选择器：jquery中最常用的选择器，也是最简单的选择器。通过元素id、class和标签名等来查找DOM元素。 表-基本选择器选择器描述返回示例#id根据给定的id匹配一个元素单个元素$(“#test”)选取id为test的元素.class根据给定的类名...
近日在做一些OA前端界面，为了更好管理页面代码想写个js选择器，写着写着发现很费力，索性在网上找找看，功夫不负有心人， 找到一个mini css选择器，且性能不凡：以下代码是压缩后的，仅2KB。 代码如下:var $=(function(){var b=/(?:[\w\-\\.#]+)+(?:\[\w+?=([\"])?(?:\\\1|.)+?\1\])?|\*|>/ig,g=/^(?:[\w\-_]+)?\.([\w\-_]+)/,f=/^(?:[\w\-_]+)?#([\w\-_]+)/,j=/^([\w\*\-_]+)/,h=[null,null];function d(o,m){m=m||document;var...
尽管js可以想面向对象那样去构造对象，隐藏私有方法，但需求变化的往往比你写程序还要快时，就连设计js对象的时间也没有了，所以我比较倾向于用js私有函数和js方法；jquery私有函数和jquery对外暴露方法的形式也可以实现，而页面生成的html结构则完全在js中生成，包括哪些id和class， 这样可以最大限度的确保统一和重用的方便性，但也有个缺点，就是在重用时，如果需要样式发生变化（结构是死的不能变化），就需要用div将原来的结构...
作者：nuysoft/高云 QQ：47214707 EMail：nuysoft@gmail.com 声明：本文为原创文章，如需转载，请注明来源并保留原文链接。 在分析Sizzle源码之前，先整理一下选择器的工作原理 先明确一些选择器中用到的名词，后边阅读时不会有歧义： 选择器表达式： "div > p" 块表达式： "div" "p" 并列选择器表达式： "div, p" 块分割器： Sizzle中的chunker正则，对选择器表达式从左向右分割出一个个块表达式 查找器： 对块表达式进行查找，...
样式：$(function (){ $("要选择的标签").click(function (){alert ("弹出对话框内容");}) }); 第一种：Id选择器 用法： 代码如下:<head> <title></title> <script src ="Jq/jquery-1.4.2.js" type ="text/javascript" ></script> <script type ="text/javascript"> $(function (){ $("p").click(function (){alert ("小P");}) }); </script> </head> <body> <input type="button" value ="PlayGame" id="btnClick" /> <p>第一个<...
每次申明一个jQuery对象的时候，返回的是jQuery.prototype.init 对象，很多人就会不明白，init明明是jQuery.fn的方法啊，实际上这里不是方法，而是init的构造函数，因为js的prototype对象可 以实现继承，加上js的对象只是引用不会是拷贝，new jQuery,new jQuery.fn和new jQuery.fn.init的子对象是一样的，只是有没有执行到init的不同，这里就不讲原因了，等下一篇再讲为什么会是这样。 当我们使用选择器的时候$(selector,content)，...
为了叙述每一篇的重点，其示例代码都是最精简的，比如选择器只能传HTMLElement和id。这篇我们增强下选择器，依据2/8原则，这里仅实现最常用的几种。1, 通过id获取,该元素是唯一的$('#id')2, 通过className获取$('.cls') 获取文档中所有className为cls的元素$('.cls', el)$('.cls', '#id')$('span.cls') 获取文档中所有className为cls的span元素$('span.cls', el) 获取指定元素中className为cls的元素, el为HTMLElement (不推荐)$('...
①jQuery元素的相对定位。 jQuery中不仅可以使用选择器就行绝对定位，而且还可以进行相对定位，只要在$()中指定第二个参数，第二个参数就是相对的元素。第二个参数传递一个jQuery对象，则相对于这个对象为基准进行相对的选择。 代码如下:<html> <head> <title>jQuery元素的相对定位和选择器</title> <script type="text/javascript" src="jQuery-1.4.2.js"></script> <script> $(function(){ //将第1~3行的背景色设置为红色（绝对...
今日的学习再结合昨天的JavaScriptDOM的内容，让我对此十分清晰。JQuery原则：“write less, do more.”，这句话已充分说明它对简化使用JavaScriptDOM编程的功力！ 每位老师都有自己的教学方式，可能根据教授的内容的不同教学方式也有轻微的变化。老佟是一位非常有经验的软件教师，之前他在大连的软件公司做培训。经过多年的总结，他已经有自己一套成熟的教学方式。这个方式让我十分喜欢！至于是什么方式，你自己来体验吧！哈哈~~ ...
这样像类似下面的四个同一代码段中的4个选择操作 $class("a").color("green"); $class("b").color("red"); $class("c").color("green"); $class("d").color("red"); 最终只需要一次遍历就可以实现了。 因为之前么有太关注选择器的问题，不知道是不是我out了，大家早就已经想到了？ 下面是sample，两次选择 一次遍历 aaaaaaaaaaaaaa bbbbbbbbbbbb cccccccccccccccc var $class = function () { var checker = []; var updateHa...
一.基本选择器：#id :选择给定ID名的元素 如：$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名 二.层次选择器：$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") ：选择parent下的所有child（子）元素 $(prev+next) :选择紧...