随笔分类 -  Jquery

1 2 下一页
Json数据转化为数据对象的js处理
摘要：在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串:varstr1='{"name":"cxh","sex":"man"}';JSON对象:varstr2={"name":"cxh","sex":"man"};一、JSON字符串转换为JSON对象要使用上面的str1，必须使用下面的方法先转化为JSON对象：// 阅读全文
posted @ 2012-04-11 09:33 tangself 阅读(717) 评论(0) 推荐(0) 编辑
js数组删除数组元素！
摘要：一、建立数组对象 我们再介绍JAVAScript的数组对象的建立方法,建立数组对象的语法有两种： 1、在声明数组时仅仅声明数组内有几个组件。var 数组对象名称 = new Array(组件个数);fruit = new Array(3); //声明名为fruit的数组，共有三个组件，这就相当于一次声明了三个变量然后必须另行准备几行程序代码，代序将变量值填入。fruit[0] = "西瓜";fruit[1] = "苹果";fruit[2] = "香蕉";2、声明时直接给定所有数组组件，彼此之间用逗号隔开，用小括号括起来，组件个数就是数 阅读全文
posted @ 2012-04-10 18:32 tangself 阅读(11494) 评论(0) 推荐(0) 编辑
页面有多个submit按钮时，默认回车提交的是第一个按钮。
摘要：$("#input_id").keydown(function(){ event.keyCode==13 && $("input[@type='submit']")[0].click(); }) 阅读全文
posted @ 2012-03-28 09:24 tangself 阅读(346) 评论(0) 推荐(0) 编辑
弹出层显示鼠标位置
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><script type="text/javascript" src="http://www.biztae.com/websit 阅读全文
posted @ 2012-03-25 11:54 tangself 阅读(276) 评论(0) 推荐(0) 编辑
轻量级的数据交换格式——初识Json(上)
摘要：序： 1、两个月前，你从来没有听说过JSON的。2、一个月前，你听说这一词，但不重视。3、一周前，你听说它的性能提到了几倍，并开始觉得，有义务去学习下。4、今天你醒来了，心血来潮，对着JSON说 : 我来了。 ——摘自CssRainjson官网 ——http://www.json.org/json-zh.html json.js——http://www.json.org/json.js Json是什么： JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript的一个子集。 JSON采用完 阅读全文
posted @ 2012-03-25 11:27 tangself 阅读(372) 评论(0) 推荐(0) 编辑
30个非常流行的提示信息插件（jQuery Tooltip Plugin）
摘要：在网站的设计中，提示信息是非常细微的功能，但是起着非常重要的作用。如果你的网站中提示信息做的比较好，会给浏览者留下非常深刻的印象，同时也会起到非常好的网站宣传效果，下面介绍了30个比较流行提示信息插件jQuery Tooltip Plugin，希望对大家有帮助。每个插件都配有比较直观的截图，也就不做详细地介绍了，如果大家喜欢某一个插件，点击超链接，自己学习如何使用吧。1. Dynamic tool... 阅读全文
posted @ 2010-09-14 15:25 tangself 阅读(304) 评论(0) 推荐(0) 编辑
13个绚丽的Jquery 界面设计
摘要：今天共享一些令人振奋的UI教程，这些UI大部分是基于Jquery的插件，主要包括动态切换视图的相册、3D旋转分享按钮、Facebook admin Panel，下滑效果的导航Menu，滑翔购物车功能，漂亮的Form表单元素等等。How to create the image-less from Google.com无图片、完全通过CSS控制的一些表单元素。据说Google专门招募了一些设计高手专门... 阅读全文
posted @ 2010-09-14 15:24 tangself 阅读(268) 评论(0) 推荐(0) 编辑
Jquery实现回车键Enter切换焦点
摘要：系统默认情况下，使用Tab按键切换页面元素的焦点，有没有想过回车键Enter也可以实现这种功能，并且具有良好的用户体验。接下来我们使用Jquery实现回车键Enter切换焦点，此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过。 使用的开发工具是微软VS2010+Jquery框架。实现步骤如下1、 首先引用Jquery类库<script... 阅读全文
posted @ 2010-09-14 15:22 tangself 阅读(340) 评论(0) 推荐(0) 编辑
Lazy Load, 延迟加载图片的 jQuery 插件
摘要：本文翻译自 Lazy Load Plugin for jQuery, 介绍一个 jQuery 插件, 它提供懒汉式加载页面图片的功能. Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图... 阅读全文
posted @ 2010-09-08 10:15 tangself 阅读(291) 评论(0) 推荐(0) 编辑
JQuery的Tooltip插件--qtip 总结
摘要：qTip是一个基于JQuery的Tooltip插件。它几乎支持所有的主流浏览器，例如：Internet Explorer 6.0+Firefox 2.0+Opera 9.0+Safari 3.0+Google Chrome 1.0+Konqueror 3.5+使用qTip可以很轻松的定义tip的位置以及样式，同时qTip还有一个强大的API......使用qTip前，只需引入两个JS文件即可：vi... 阅读全文
posted @ 2010-09-08 09:40 tangself 阅读(1027) 评论(0) 推荐(0) 编辑
js 右侧浮动层（跟随滚动）
摘要：因为项目上有这样的需求，在网上也查了些东西，之前是想找个差不多类似的套用一下。后来发觉没有合适的，因时间紧迫就自己动手写了一个简单的 ，示例代码如下 兼容火狐和IE7+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html><head> <meta http-equiv="Con... 阅读全文
posted @ 2010-09-07 13:41 tangself 阅读(1615) 评论(2) 推荐(0) 编辑
在线状态代码详解及如何自定义在线风格图片 http://wp.qq.com/index.html
摘要：代码样例：<a href="http://sighttp.qq.com/cgi-bin/check?sigkey=81a37f0b7cac68639bddfdb9b93a6c92bc211f3e3a4e683afbb31a079382dc9d";target=_blank; onclick="var tempSrc='http://sighttp.qq.com/wpa.js?rantime=... 阅读全文
posted @ 2010-06-29 11:04 tangself 阅读(4974) 评论(0) 推荐(1) 编辑
手写ajax
摘要：function createAjaxObj(){var httprequest=falseif (window.XMLHttpRequest){ // if Mozilla, Safari etchttprequest=new XMLHttpRequest()if (httprequest.overrideMimeType)httprequest.overrideMimeType('text/x... 阅读全文
posted @ 2010-05-28 15:49 tangself 阅读(540) 评论(0) 推荐(0) 编辑
同行内两个<li>隔行变色
摘要：<style>ul{width:60px}li{margin:0px;padding:0px;list-style:none;display:inline;width:30px}</style><ul id="test"><li>1</li><li>2</li><li>3</li><l... 阅读全文
posted @ 2010-05-22 12:07 tangself 阅读(379) 评论(0) 推荐(0) 编辑
jQuery获取Radio选择的Value值:
摘要：jQuery获取Radio选择的Value值:1. $("input[name='radio_name'][checked]").val();//选择被选中Radio的Value值2. $("#text_id").focus(function(){//code...});//事件 当对象text_id获取焦点时触发3. $("#text_id").blur(function(){//code...... 阅读全文
posted @ 2010-04-14 11:38 tangself 阅读(77367) 评论(5) 推荐(6) 编辑
ctrl+enter键
摘要：jQuery中对键盘事件进行了修正调用函数的时候传入事件即可。通过事件的which可以找到键码不过当有组合键的时候还需要注意一下如ctrl+enter键，虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了在ff中 判断 ctrl+enter 是 e.ctrlKey && e.which ==13在ie6中 判断ctrl+enter 是 e.ctrlKey &... 阅读全文
posted @ 2010-04-09 18:03 tangself 阅读(349) 评论(0) 推荐(0) 编辑
超强1000个jquery极品插件！
摘要：+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++accordion类+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++基于jQuery开发，非常简单的水平方向折叠控件。Horizontal acco... 阅读全文
posted @ 2010-04-09 17:12 tangself 阅读(495) 评论(0) 推荐(0) 编辑
jquery ajax里面的datetype设成json时，提交不了数据的问题
摘要：jquery ajax里面的datetype设成json时，提交不了数据的问题前天在使用jQuery作练习时发现的,$.ajax(properties)其中传递参数data的问题.根据文档说是:(Object|String) data - 要发送到服务器的数据。如果还不是一个字符串，就自动轮换为一个查询字符串。即附加到GET请求的url后面的字符串.但是我给data赋值一个json对象数据,然而,... 阅读全文
posted @ 2010-04-08 18:12 tangself 阅读(7257) 评论(1) 推荐(1) 编辑
jQuery日常使用技巧总结
摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象... 阅读全文
posted @ 2010-04-08 16:18 tangself 阅读(256) 评论(0) 推荐(0) 编辑
tab选择卡切换
摘要：很多页面中都会用到tab选项卡切换,下面这个巧妙的运用css设置边框，来使得激活的tab与其他未激活的边框有所不同。就是将激活的边框的border-bottom设置为与激活tab的背景色一致，这样就看起来下面是没有边框的。然后用jquery实现tab的切换，首先载入页面时就去掉所有的active样式，去掉所有的content内容，然后给第一个tab加上active样式，显示第一个content。然... 阅读全文
posted @ 2010-03-01 17:33 tangself 阅读(1228) 评论(0) 推荐(0) 编辑

1 2 下一页