- 浏览: 952718 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (383)
- JSP 自定义标签实现 (1)
- JSP (2)
- javascript (161)
- JAVA (100)
- HTML (26)
- jQuery (11)
- J2EE (1)
- Log4J (1)
- HTML5 (6)
- DB2 (2)
- Spring (14)
- 浏览器兼容 (1)
- JavaMail (1)
- JAVA(转载) (1)
- freemarker (1)
- 项目管理 (1)
- 项目架构学习 (1)
- Oracle (11)
- 开源项目 (2)
- 网络编程 (4)
- C (1)
- C++ (0)
- Xpath (1)
- 待写 (10)
- JXL (1)
- XML (1)
- JNDI (2)
- POI (8)
- Struts2 (3)
- 异常解决方法 (1)
- Sql Server (2)
- windows (2)
- SqlServer (1)
- 前端 (1)
- 正则表达式 (2)
- 浏览器兼容问题 (2)
- 转载 (25)
- css (11)
- svn (5)
- 工程构建 (1)
- 好用的网站 (1)
- sql (3)
- chrome V8 (1)
- javacript 报表 (1)
- FusionCharts (1)
- eclipse (2)
- tomcat (4)
- hibernate (2)
- 硬件 (1)
- 杂烩 (1)
- Linux (1)
- ubuntu (1)
- 设计模式 (2)
- 缓存 (1)
- 数据库 (1)
- JVM (2)
- DOM4j (1)
- 其他 (1)
- JACOB (1)
- extjs (3)
- ligerUi (1)
- 在线HTML编辑器 (1)
- API (1)
- OpenOffice (1)
- webservice (1)
- json (1)
- 百度map (1)
- NodeJs (1)
- greeplum jdbc spring (1)
- easyui (1)
- hightchart (1)
- 游戏 (1)
- HttpClient (1)
- 正则 (1)
- canvas (4)
- HTML5,javascript,canvas (0)
最新评论
-
changelo:
缺少了秦皇岛市
中国省,市,区 json数据 -
yurui829:
解析配置行那等号前后有可能有空格,改为如下比较好:String ...
java 读取.ini配置文件工具类 -
贝塔ZQ:
poi生成excel文档,感觉蛮复杂的,可以试试用pageof ...
POI生成excel带下拉 -
langke93:
我发现greenplum 通过jdbc insert性能很差, ...
jdbc 配置连接greeplum数据,spring配置连接greeplum数据(简单配置学习) -
zhutulang:
哪有收邮件???
Spring 邮件接收发送实例
(function() { return window.Query = window.$ = function() { var _this = {}, selector = arguments[0]; $.prototype = _this; /** * 判断是对象是数组还是名值对象 * 返回0表示是数组,返回1表示是名值对象 */ function objOrArr(obj) { if (!obj) return; if (typeof obj === "object") { for (var attr in obj) { return 1; } return obj.push ? 0 : 1; } } /** * 确保所有对象都能call */ function applyAll(obj, callback) { if (!obj) return; var idx = 0 if (objOrArr(obj)) { for (var i in obj) { if (callback.call(obj[i], i, obj[i]) === false) { break; } } } else { for (var o = obj[0]; idx < obj.length&& callback.call(o, idx, o) !== false; o = obj[++idx]) { } } } /** * id选择器 */ function identity(selector) { if (selector) { return document.getElementById(selector); } } /** * 类选择器 */ function clazz(selector) { var result = []; if (selector) { var a = selector.split("."); var prefix = a[0] || "*"; var suffix = a[1]; applyAll(document.getElementsByTagName(prefix), function() { if (this.nodeType === 1 && this.id) { var classNames = this.className.split(/\s+/g); var finded = this; applyAll(classNames, function() { if (this == suffix) { result.push(finded); } }); } else { } }); } return result; } if (selector) { if (typeof selector === "string") { if (selector.indexOf(".") != -1) return clazz(selector); if (selector.indexOf("#") != -1){ return identity(selector.substring(selector.indexOf("#")+1)); }else{ return document.getElementsByTagName(selector); } } if (typeof selector === "object") { _this[0] = selector; return _this[0]; } if (typeof selector === "function") { return selector(_this); // selector 就是传入的function } } else { _this.toString(); } _this.toString = function() { return "[Query query]"; } return _this; } })(); /** * 简易弹出框 */ $.pop = function(url, title, options) { if(options){ window.open(url,title,options) }else{ window.open(url,title,'height=350,width=800,top=200,left=300,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') } }, /** * 简易ajax请求 */ $.ajax = function(options) { var httpRequest = window.ActiveXObject? new ActiveXObject("Microsoft.XMLHTTP"): new XMLHttpRequest();httpRequest.onreadystatechange = function() { var dataType = options.dataType.toLowerCase(); httpRequest.readyState === 4&& httpRequest.status === 200&& options.callback(dataType === "json" ? eval("(" + httpRequest.responseText + ")") : dataType === "xml"? httpRequest.responseXML: httpRequest.responseText, options.context); }; httpRequest.open(options.mode, options.url, options.sync); if(options.mode.toLowerCase() === "post"){ httpRequest.setRequestHeader("CONTENT-TYPE", "application/x-www-form-urlencoded"); } options.mode.toLowerCase() === "get" ? httpRequest.send(null):httpRequest.send(options.params); }, /** * 去除所有空格 */ $.trim = function(str) { return str.replace(/(^\s*)|(\s*$)/g,""); }, /** * 去除左边空格 */ $.ltrim = function(str) { return str.replace(/(^\s*)/g, ""); }, /** * 去除右边空格 */ $.rtrim = function(str) { return str.replace(/(\s*$)/g, ""); }
发表评论
-
微信2.0分享自定义标题、图片、摘要、链接
2016-01-28 11:00 1130今天做了一个微信自 ... -
js验证正则大全
2015-06-30 13:41 926var regexEnum = { intege:& ... -
javascript判断字符串是否是回文的算法实现
2014-11-24 22:40 3829var str = "reaaer&qu ... -
HTML5学习记录-----canvas学习之动画快照
2014-11-24 21:33 1191canvas动画快照 欢迎大家有好点建议可以提。js高级 ... -
HTML5学习记录-----canvas学习之鼠标选取放大图像
2014-11-23 21:53 1397canvas鼠标选取放大 欢迎大家有好点建议可以提。js ... -
HTML5学习记录-----canvas学习之获取鼠标在canvas上的坐标位置
2014-11-22 20:44 4811canvas坐标 欢迎大家有好点建议可以提。js高级扣扣 ... -
ajax.js
2014-11-20 21:38 1092如果你是 javascript高手,请来这里吧 ... -
html5 规范中新增的api
2014-11-20 21:36 4830如果你是 javascript高手,请来这里吧,扣扣群 1 ... -
被Arguments对象坑了。
2014-11-14 20:47 902当判断一个对象是否是Arguments对象时,我们会这么写 ... -
input onpaste事件
2014-11-12 14:08 10364function afterPaste() { ... -
javascript正则表达式学习——顺序肯定环视,顺序否定环视
2014-11-02 00:43 4666//举例说明。 //经常看到有人为了给数字加千分号(,) ... -
javascript小工具之——cookie操作
2014-11-01 20:28 1239var docCookies = { getItem: ... -
javascript本地缓存之localStorage,sessionStorage等
2014-10-28 11:00 2287如果你是 javascript高手,请来这里吧,扣 ... -
javascript本地缓存之userData(ie专用)
2014-10-27 23:28 912/** *storage 对象 */ functi ... -
javascript 排序,分组小工具 - 支持JSON数组 原生数组(学习,持续更新)
2014-10-24 10:38 6087/** * @author wsf 数据分组,排序js ... -
javascript 计算两日期之间的天数
2014-10-17 10:42 1027var d1 = new Date('2013-01-01' ... -
web版2048小游戏 --- 学习用
2014-09-16 15:18 919web版2048小游戏 --- 学习用 -
javascript 将HTML转为 word,pdf 等(ie)
2014-08-18 12:26 3720/** * @author wsf html转换工具 ... -
javascript实现的各种排序性能比较
2014-08-01 09:33 1146<!DOCTYPE html> <htm ... -
javascript自动补全 支持键盘上下键 可以自定义数据,处理函数
2014-07-25 10:58 1426/** * @author wsf(自动补全动补全 支 ...
相关推荐
jQuery的核心在于它的选择器,通过CSS语法选择DOM元素,如`$("#elementID")`选择ID为"elementID"的元素,`$(".className")`选择所有class为"className"的元素。此外,jQuery提供了丰富的链式操作,使得代码更加简洁...
1. **基本选择器**:`$('element')`(标签选择器)、`$('#id')`(ID选择器)、`$('.class')`(类选择器)。 2. **组合选择器**:`$('element1, element2')`(并集选择器)、`$('element1 element2')`(后代选择器)...
在本篇中,我们将详细讨论jQuery选择器、DOM操作、事件处理和动画相关的知识点。 1. jQuery选择器 jQuery选择器用于选择HTML元素,并且能够在这些元素上执行各种操作。基本选择器和过滤选择器是jQuery选择器中最...
本教程将引导你了解如何模仿jQuery实现一个简单的选择器封装,这对于初学者理解jQuery的设计哲学和工作原理是很有帮助的。 首先,我们需要明白jQuery的核心就是它的选择器功能。jQuery的选择器基于CSS选择器,允许...
jQuery的核心特性可以概括为:CSS选择器、链式操作、DOM操作、事件处理和动画。在本文中,我们将重点讨论如何利用jQuery创建自定义下拉框控件。 **创建自定义下拉框的步骤** 1. **HTML结构**:首先,我们需要一个...
2. 自定义样式:使用CSS对选择器进行美化,如改变字体、颜色、边框等,以符合整体网页设计风格。 五、响应式设计 为了让城市选择器在不同设备上都能良好运行,可以结合Bootstrap或其他前端框架实现响应式布局,确保...
jQuery由John Resig于2006年创建,它简化了JavaScript的DOM操作,提供了丰富的选择器、链式调用、动画效果等功能,让开发者能够快速实现复杂的特效。 1. jQuery选择器:jQuery提供了一系列CSS选择器,如`$("#id")`...
- 使用CSS类选择器、ID选择器、属性选择器等,可以更精确地定位元素。例如,`$(".class")`选择所有class为指定值的元素。 10. jQuery遍历和操作: - `.each()` 方法用于循环遍历匹配的元素集合。 - `.append()` ...
合理地使用ID选择器(`#id`)和类选择器(`.class`),避免使用过于复杂的选择器,可以提高代码的执行效率。 10. **链式调用**: jQuery的一大特色是链式调用,比如`$('selector').method1().method2()`,这样可以在...
- **JQuery 选择器**:JQuery支持多种选择器,包括基本选择器(如ID、类、标签名)、特殊选择器(如`:first`、`:last`)和筛选选择器(如`:even`、`:hidden`)。选择器的使用极大地提高了代码的可读性和效率。 - *...
1. 选择目标元素,可以是ID选择器`$("#id")`或class选择器`$(".class")`。 2. 使用`click()`函数绑定点击事件处理器。 3. 在处理器内部调用`toggleClass()`方法,传入要切换的class名称。 希望这个解释有助于理解...
它的核心特性包括选择器(用于找到HTML元素)、链式操作(一次调用多个方法)和高效的DOM操作。 二、自定义下拉列表控件 下拉列表(Dropdown List)是网页表单中常见的一种元素,通常由`<select>`标签定义。然而,...
- **选择器**:jQuery的选择器功能强大,它集成了CSS1至CSS3的选择器,如ID选择器(#id),类选择器(.class),以及属性选择器等,使得选取DOM元素变得更加直观。 - **链式调用**:jQuery对象返回的是自身,因此可以...
通过模拟的CSS选择器,可以实现类似`$('#box p .a').css('color', 'red')`的调用,该调用会找到ID为`box`的元素下的所有`p`元素中的`class='a'`的子元素,并将其颜色设置为红色。 6. **讲师信息**: 本节课程由...
// 实现选择器的日期和时间选择功能,可以使用现有的库如Bootstrap Datepicker或自定义实现 // ... return this; // 保持链式调用 }; })(jQuery); // 初始化插件 $(document).ready(function() { $('#...
JavaScript 优化 JavaScript 作为一种...通过选择器优化、方法链式调用、事件绑定和解除绑定、浏览器类型判断、数组和对象操作、字符串操作、元素操作、toggleClass 和事件处理等方法,可以提高 JavaScript 的性能。
1. **选择器**: jQuery提供了多种CSS选择器,如ID选择器(#id),类选择器(.class),元素选择器(element),以及组合选择器等,使我们能够快速准确地定位到需要的元素。 2. **链式操作**: jQuery对象支持链式调用,这...
2. **选择器**:jQuery支持CSS选择器,如类选择器(`.class`)、ID选择器(`#id`)和属性选择器(`[attribute=value]`)。通过这些选择器,你可以精确地选取页面上的特定元素。 3. **事件处理**:jQuery提供了一种...
通过这些选择器,开发者可以轻松地定位到页面中的特定元素,如`$("#elementId")`选择ID为`elementId`的元素,`$(".className")`选择所有class为`className`的元素。 2. **链式操作**:jQuery方法返回的是jQuery对象...