jQuery
iteye_2903
这个作者很懒,什么都没留下…
展开
-
jquery--ppDrag
ppDrag is a Drag&Drop plugin for jQuery, which mimics the interface of jQuery UI's Draggable. Currently supported is a small subset of its options, but the implementation is different (ppDrag focuses ...2009-02-26 20:00:47 · 96 阅读 · 0 评论 -
利用jQuery简单实现CheckBox全选效果
[code="java"] 利用jQuery简单实现CheckBox全选效果 $(function () { $("#all").click(function () { var checked_status = this.checked; ...原创 2015-05-28 20:43:06 · 173 阅读 · 0 评论 -
jquery如何判断checkbox(复选框)是否被选中
谁都知道 在html 如果一个复选框被选中 是 checked="checked"。但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id")原创 2015-06-13 22:17:09 · 155 阅读 · 0 评论 -
jQuery实现带遮罩层的消息框滑入滑出效果
[code="java"].overlay{ background:transparent url(images/overlay.png) repeat top left; position:fixed; top:0px; bottom:0px; left:0px; right:0px;...原创 2012-10-27 14:43:19 · 423 阅读 · 0 评论 -
当文本框获得焦点时使输入区域变大
很多人认为表单应该占据最小的空间,先不管这个观点是不是正确,今天我们就实现当用户进行输入时,即本文框获得焦点时,将文本框的大小进行改变。这样,用户就能看到自己前边输入的东西了。思路非常简单,就是当文本框获得焦点时,改变文本框的宽度或者高度。如果你看过我前边关于jQuery对元素属性操作的总结,相信几分钟就可实现本篇中的功能。[code="java"][/code]假设网...原创 2012-10-27 14:45:54 · 991 阅读 · 0 评论 -
jquery iframe操作
使用jquery操作iframe 1、 内容里有两个ifame原创 2012-10-27 15:10:51 · 72 阅读 · 0 评论 -
jquery代码实例
在文档加载完毕后将执行的方法(参见jquery文档) 一般来说文档加载的时候应该绑定所有的事件, 但是有一种情况例外. 比如 通过Ajax方法取回来的内容里面还含有动作按钮的,这时需要针对这部分功能执行绑定. [code="java"]//需要手动调用 load_event_monitor(element); 方法. $(function() { load_even...原创 2012-11-01 08:10:53 · 172 阅读 · 0 评论 -
jQuery 操作XML入门
[code="java"] 1 content1 2 content2 [/code][code="java"] jQuery操作Xml入门 $(function(){ $.ajax({ url:"XMLFile.xml", dataType:"xml", error:...原创 2012-11-09 22:30:59 · 111 阅读 · 0 评论 -
JQuery 常用方法基础教程
$("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").attr(&q原创 2012-11-09 22:33:06 · 68 阅读 · 0 评论 -
jQuery 对象中的类数组操作
[size=medium]我们都知道jQUery对象中有一个类数组的元素包装集,该集合类似js中的数组一样拥有length属性,因此我们称此为类数组,下面我们就来总结下这个jQuery对象中的类数组时如何进行操作的看看我们的jQuery为我们都提供了哪些可用的方法: size():很明显,它应该是返回包装集中的元素个数,如$('a').size()表示链接元素的个数; ...原创 2012-11-09 22:49:42 · 138 阅读 · 0 评论 -
用jQuery解决IE不支持的option disable属性
[size=medium]在IE浏览器中,给select的options设置 disable属性 是没用的。 必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果,因为输出的都是文本,不存在js加载的情况。[/size][code="java"] ...原创 2012-11-09 23:00:08 · 378 阅读 · 0 评论 -
jquery 截取字符串的实现
[code="java"] cookie *{ margin:0; padding:0;font-family:"宋体",Arial, Helvetica, sans-serif;} #best{ width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-hei...原创 2012-11-09 23:04:12 · 189 阅读 · 0 评论 -
jquery 获取父窗口的元素 父窗口 子窗口
$("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"); 取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, win...原创 2012-11-17 12:51:58 · 158 阅读 · 0 评论 -
jQuery解决iframe高度自适应代码
网上查了好多用着都不行,自己搞定了:在包含iframe的页面中加入以下脚本,基本思想是在iframe加载内容后重新设置高度,下面代码尽在IE6中用过,没在其他浏览器中测试。[code="java"] [/code]...原创 2012-11-17 13:54:42 · 103 阅读 · 0 评论 -
JQuery 获取和设置Select选项的代码
获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设...原创 2012-11-17 14:01:22 · 108 阅读 · 0 评论 -
jQuery表格自动增加
[code="java"]jQuery 表格自动增加table { width:800px; margin:50px auto; border-collapse:collapse; border-spacing:0; }table tr, table th, table td { border:1px solid #ddd; ...原创 2013-12-23 08:32:25 · 104 阅读 · 0 评论 -
jQuery AJAX 分页插件
[code="java"]simplePagehtml,body{ margin:0 auto; text-align:center; }.main{ font:12px/24px "Microsoft YaHei"; height:1000px; }#page{ margin:100px auto; width:960px; text-align:center...原创 2013-12-23 08:37:01 · 89 阅读 · 0 评论 -
jQuery JSONP跨域
[code="java"]String result=request.getParameter("data")==null?"null":request.getParameter("data");String callback = request.getParameter("jsonpCallback")+"([{\"results\":"+result+&qu原创 2014-01-11 08:36:11 · 75 阅读 · 0 评论 -
juery 插件使用
[code="java"]Form Pluginfunction checkFiledValue(){ var aFieldValue = $("#myForm *").fieldValue(); //获取整个表单有用元素的值 alert(aFieldValue.join());} 用户密码性别男...原创 2013-07-27 17:49:12 · 133 阅读 · 0 评论 -
jquery 开发ajax
[code="java"][/code][code="java"]Ajax获取数据过程var xmlHttp;function createXMLHttpRequest(){ if(window.ActiveXObject) xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); else...原创 2013-07-27 17:27:59 · 88 阅读 · 0 评论 -
jquery 功能函数
[code="java"]$.browser对象function detect(){ if($.browser.msie) return "IE"; if($.browser.mozilla) return "Mozilla"; if($.browser.safari) return "Safari"; if($.browser.ope...原创 2013-07-26 23:10:36 · 96 阅读 · 0 评论 -
jQuery.API源码深入剖析以及应用实现(1) - 核心函数篇
[code="java"]Jquery(http://jquery.com/)是一个轻量级,快速简洁的Javascript框架,它的容量小巧,简洁和简短的语法,容易记;用户能更方便地处理HTML DOM、Events、实现动画效果,并且提供Ajax的支持。目前最新版本为 jQuery 1.3.1(http://jqueryjs.googlecode.com/files/jquery-1.3.1...原创 2009-04-07 10:41:28 · 90 阅读 · 0 评论 -
jQuery语法总结和注意事项
一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。jQue...原创 2009-04-07 11:09:22 · 71 阅读 · 0 评论 -
开始学习jQuery
转载:OneChen’s Blog阅读了一些关于Jquery的基础知识。贴出来共享一下。网上优秀的文章很多。努力学习中~随着JavaScript的兴起,一系列JavaScript库也蓬勃发展起来。从早期的Prototype、Dojo到2006年的jQuery,再到2007年ExtJs。可以发现,互联网正在掀起一场JavaScript风暴。在这场风暴中,jQuery以其独特优雅的姿态,始...原创 2009-04-07 11:30:42 · 158 阅读 · 0 评论 -
使用 jQuery 简化 Ajax 开发
jQuery 是什么?jQuery 由 John Resig 创建于 2006 年初,对于任何使JavaScript 代码的程序员来说,它是一个非常有用的 JavaScript 库。无论您是刚刚接触 JavaScript 语言,并且希望获得一个能解决文档对象模型(Document Object Model,DOM)脚本和 Ajax 开发中一些复杂问题的库,还是作为一个厌倦了 DOM 脚本和...原创 2009-04-07 12:16:14 · 75 阅读 · 0 评论 -
VSDoc for jQuery 1.3.2 插件公布
转载:jQuery 1.3 was released a little over a month ago. The 1.3 release adds exciting features such as selector performance improvements, "live events" where events can be bound to both current and f...原创 2009-04-07 15:57:50 · 89 阅读 · 0 评论 -
Jquery的Ajax读取Xml
[code="java"] 测试连接 [/code][code="java"] ...2009-04-08 23:45:14 · 75 阅读 · 0 评论 -
基于jQuery 常用WEB控件收集
原文地址: http://www.open-open.com/ajax/jQuery.htm Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件。Horizontal accordion: jQuery jQuery-Horizontal Accordion 具有XBOX360 blade界...原创 2009-04-09 17:51:22 · 168 阅读 · 0 评论 -
jQuery常用方法事件属性
[code="java"]1.$(document).ready()在dom文档完成,没有加载内容前触发,注意和onload()事件对比,onload()事件在内容加载完毕后触发。2.Dom目标选取:(1)根据tag选取:$("input") ――选取所有input(2)子节点选取$(“ul > li”) ――选取ul下的所有li节点(3)根据节点属性筛选$(l...原创 2009-04-10 17:25:43 · 82 阅读 · 0 评论 -
jquery使用例子---使用filter、each拾取
[code="java"] New Document /*** 获得可见的表格的行集合* @param {Object} tableID*/function udf_getVisualableR...原创 2009-04-10 17:28:19 · 141 阅读 · 0 评论 -
Jquery练习一
[code="java"]$(document).ready(function(){ $('#switcher .button').click(function(){ $('body').removeClass(); if(this.id=='switcher-narrow') { $('body').addClass('narrow'); } els...原创 2009-04-24 23:45:43 · 88 阅读 · 0 评论 -
Jquery练习二
[code="java"]$(document).ready(function(){ $('div.button').click(function(){ var $speech = $('div.speech'); var currentSize = $speech.css('fontSize'); var num = parseFloat(currentSize, 10...原创 2009-04-25 17:19:20 · 132 阅读 · 0 评论 -
Jquery练习三
[code="java"]$(document).ready(function(){ $('div.chapter a[href*=wikipedia]').each(function(index){ var $thisLink = $(this); $thisLink.attr({ 'rel':'external', 'id':'wikilink-' + in...原创 2009-04-27 22:07:17 · 96 阅读 · 0 评论 -
从零开始写jQuery框架
转载于:蓝色理想随着时代发展,javascript阵营里面出现了越来越多的优秀的框架,大大简化了我们的开发工作,在我们使用这些框架的时候是不是也应该饮水思源想想它们都是怎样构建起来的呢?如果你不满足于仅仅是使用一些现成的API,而是深入了解它们内部的实现机制(照某人的说法, API是贬值最快的东西),最好的办法就是阅读它们的源代码了,前提是你读得懂。最近两天研究了一下jQuery的源码...原创 2010-01-15 11:52:07 · 113 阅读 · 0 评论 -
jQuery点滴积累
1:通过.bind()或.click()响应用户在页面元素上的单击操作,改变应用于页面的样式。2:通过使用.toggle()交替地扩展和折叠页面元素3:通过使用.hover()突出显示位于鼠标指针下方的页面元素4:通过使用.stopPropagation()和.preventDefault()来影响哪个元素能够响应事件5:通过使用.unbind()移除停用的事件处理程序6:通过...原创 2010-07-02 17:57:22 · 140 阅读 · 0 评论 -
jquery基础
[code="java"]CSS实现隔行变色的表格 Name Class Birthday Constellation Mobile isaac W13 Jun 24th Cancer 1118159 fresheggs W610 ...原创 2013-07-21 21:41:12 · 132 阅读 · 0 评论 -
jquery控制页面
[code="java"]each()方法$(function(){ $("img").each(function(index){ this.title = "这是第" + index + "幅图,id是:" + this.id; });});[/code][code="java"]...原创 2013-07-21 22:59:35 · 270 阅读 · 0 评论 -
jquery 动画特效
[code="java"]show()、hide()方法$(function(){ $("input:first").click(function(){ $("p").hide(); //隐藏 }); $("input:last").click(function(){ $("p").show(); //显示 });});...原创 2013-07-26 22:55:13 · 124 阅读 · 0 评论 -
JQuery 发送Json格式数据
简述:需要封装一组Json格式的数据到服务器知识点:1. 调用jquery.json的库2. AJAX Post 请求Jquery下载地址http://jquery.com/download/Jquery.jsonhttp://code.google.com/p/jquery-json/[code="java"]...原创 2015-05-23 14:06:10 · 209 阅读 · 0 评论