随笔分类 -  jQuery

用原生JavaScript实现jQuery的$.getJSON
摘要：今天在写一DEMO，其中用到了jQuery的$.getJSON方法，写完后发现整个DEMO中用到jQuery中的就这一个地方，但要引入一个jQuery实在不划算，于是就自己实现了一个简单版的，基本可以满足需求，现分享出来：var $ = { getJSON: function(url, params, callbackFuncName, callback){ var paramsUrl ="", jsonp = this.getQueryString(url)[callbackFuncName]; for(var key in par... 阅读全文
posted @ 2013-04-25 22:02 artwl 阅读(3217) 评论(1) 推荐(1) 编辑
jQuery 1.8 Release版本发布了
摘要：昨天，jQuery官网发布了jQuery 1.8 Release版，现在已经可以在官网获得：http://jquery.com/。 由于在园子里还没发现这方面的文章，所以就来简单地介绍一下（注：本文只是简单的归纳介绍，不是完整的翻译，全文请参考原文：http://blog.jquery.com/2012/08/09/jquery-1-8-released/）。一、代码获取 http://code.jquery.com/jquery-1.8.0.min.js(压缩版，建议生产环璋用) http://code.jquery.com/jquery-1.8.0.js(源码版，建议调试研究用)... 阅读全文
posted @ 2012-08-10 12:20 artwl 阅读(4095) 评论(9) 推荐(9) 编辑
用jQuery判断两个元素是否有重叠部分
摘要：这是博问中的一个问题：http://q.cnblogs.com/q/39172/ 我的方案如下：function isOverlap(idOne,idTwo){ var objOne=$("#"+idOne), objTwo=$("#"+idTwo), offsetOne = objOne.offset(), offsetTwo = objTwo.offset(), topOne=offsetOne.top, topTwo=offsetTwo.top, leftOne=offsetOne.left,... 阅读全文
posted @ 2012-07-25 11:20 artwl 阅读(1294) 评论(0) 推荐(0) 编辑
jQuery1.7.2正式发布了
摘要：下载地址 jQuery1.7.2正式发布了，下载地址：http://code.jquery.com/jquery-1.7.2.min.js(minified, production)http://code.jquery.com/jquery-1.7.2.js(unminified, debug) 注：如果你正在使用jQuery Mobile，请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本，因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。更新内容Ajax#4624: Charset in default aja.. 阅读全文
posted @ 2012-04-23 17:40 artwl 阅读(2549) 评论(3) 推荐(2) 编辑
分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js
摘要：最终效果：插件原理 所有弹出层的原理都差不多，就是用一个全屏半透明DIV做遮罩层，在这个遮罩层上再显示出一个层放要显示的内容，其他的就是CSS的运用了。 本插件为了使用简单，把JS跟CSS封装在了一个JS文件(插件)中，所以使用起来非常方便，做到了一行代码调用。插件源代码 插件(jquery.artwl.thickbox.js)的源码如下：/* File Created: 三月 1, 2012 Author:artwl blog:http://artwl.cnblogs.com */;(function ($) { $.extend({ artwl_bind... 阅读全文
posted @ 2012-03-01 19:36 artwl 阅读(24539) 评论(4) 推荐(9) 编辑
jquery还原含有rowspan、colspan的table
摘要：需求 把含有rowspan、colspan的table还原。 例如原table为： 还原后的table为：代码原理 对table进行遍历，如果td的rowspan属性值大于1，则给当前的td的父元素的兄弟元素添加td，如果td的colspan属性值大于1，则在当前的td元素后添加td完整代码//本文首发博客园:http://artwl.cnblogs.com(2012/02/08)jQuery.fn.RevertTable=function(){ $("tr",this).each(function(trindex,tritem){ $(tritem).find(" 阅读全文
posted @ 2012-02-08 22:55 artwl 阅读(4124) 评论(1) 推荐(3) 编辑
详解强大的jQuery选择器之过滤选择器、表单选择器
摘要：前言 上一篇文章(详解强大的jQuery选择器之基本选择器、层次选择器)介绍了jQuery四类选择器中的基本选择器、层次选择器，本文将介绍剩下的两种选择器：过滤选择器、表单选择器。 本文仍使用上一篇文章中的示例页面。一、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需要的DOM元素，过滤规则与CSS中的伪类选择器语法相同。 按照不同的过滤规则，过滤选择器可以分为以下几种： 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 下面就对这几种过滤选择器分别加以介绍。1.1基本过滤选择器　... 阅读全文
posted @ 2012-02-07 23:48 artwl 阅读(11040) 评论(7) 推荐(11) 编辑
详解强大的jQuery选择器之基本选择器、层次选择器
摘要：前言 自从接触了jQuery后就为其强大的选择器所震撼，这也正是jQuery的优势所在。 jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器(即选择器插件，参考上篇：jQuery插件原来如此简单——jQuery插件的机制及实战)。正是jQuery强大的选择器功能，让它很容易上手，吸引了大批的开发者，本文就来介绍一下强大的jQuery选择器。jQuery选择器类型 jQuery选择器主要分为四类： 1、基本选择器 2、层次选择器 3、过滤选择器 4、... 阅读全文
posted @ 2012-02-06 22:51 artwl 阅读(6720) 评论(12) 推荐(15) 编辑
jQuery-对Select的操作【备忘录】
摘要：jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();//获取Select选择的Text3. var checkValue=$("#select_id").val();//获取Select选择的Value4. var checkIn 阅读全文
posted @ 2011-07-03 22:19 artwl 阅读(594) 评论(0) 推荐(3) 编辑
jquery处理textarea中的手动换行
摘要：textarea的手动换行会产生换行标志，但这个标志存在却看不到，存入数据库中后读出来显示在页面上却不会换行，如何处理呢？网上众说纷纭，经过测试用 textarea的内容.replace(/\n/g, "<br/>") 解决问题，在IE6/7/8/9 Firefox/3.6.13 chrome10.0.648.82下测试通过，示例代码如下：<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/&g 阅读全文
posted @ 2011-02-23 18:06 artwl 阅读(6227) 评论(1) 推荐(1) 编辑

个人简介

var ME = {
	"name": "土豆/Artwl",
	"job": "coding",
	"languages": [
		"JS", "HTML",
                "CSS", "jQuery"
		"MVC",".NET",
		"设计模式"
	],
	"hobby": [
		"阅读", "旅游",
		"音乐", "电影"
	]
}
TOP