随笔分类 -  jQuery

摘要:今天在写一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 阅读(3225) 评论(1) 推荐(1) 编辑
摘要:昨天,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 阅读(4099) 评论(9) 推荐(9) 编辑
摘要:这是博问中的一个问题: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 阅读(1296) 评论(0) 推荐(0) 编辑
摘要:下载地址 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 阅读(2581) 评论(3) 推荐(2) 编辑
摘要:最终效果:插件原理 所有弹出层的原理都差不多,就是用一个全屏半透明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 阅读(24548) 评论(4) 推荐(9) 编辑
摘要:需求 把含有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 阅读(4150) 评论(1) 推荐(3) 编辑
摘要:前言 上一篇文章(详解强大的jQuery选择器之基本选择器、层次选择器)介绍了jQuery四类选择器中的基本选择器、层次选择器,本文将介绍剩下的两种选择器:过滤选择器、表单选择器。 本文仍使用上一篇文章中的示例页面。一、过滤选择器 过滤选择器主要是通过特定的过滤规则来筛选出所需要的DOM元素,过滤规则与CSS中的伪类选择器语法相同。 按照不同的过滤规则,过滤选择器可以分为以下几种: 1、基本过滤选择器 2、内容过滤选择器 3、可见性过滤选择器 4、属性过滤选择器 5、子元素过滤选择器 6、表单对象属性过滤选择器 下面就对这几种过滤选择器分别加以介绍。1.1基本过滤选择器 ... 阅读全文
posted @ 2012-02-07 23:48 artwl 阅读(11058) 评论(7) 推荐(11) 编辑
摘要:前言 自从接触了jQuery后就为其强大的选择器所震撼,这也正是jQuery的优势所在。 jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件,参考上篇:jQuery插件原来如此简单——jQuery插件的机制及实战)。正是jQuery强大的选择器功能,让它很容易上手,吸引了大批的开发者,本文就来介绍一下强大的jQuery选择器。jQuery选择器类型 jQuery选择器主要分为四类: 1、基本选择器 2、层次选择器 3、过滤选择器 4、... 阅读全文
posted @ 2012-02-06 22:51 artwl 阅读(6737) 评论(12) 推荐(15) 编辑
摘要: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 阅读(596) 评论(0) 推荐(3) 编辑
摘要: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 阅读(6242) 评论(1) 推荐(1) 编辑

个人简介

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