itmyhome的专栏

通过$.fn 扩展jQuery方法/** * 校验文本是否为空 * tips：提示信息 * 使用方法：$("#id").validate("提示文本"); * @itmyhome */$.fn.validate = function(tips){ if($(this).val() == "" || $.trim($(this).val()).length == 0){

在页面布局时，有时会遇到大图片将页面容器撑大，超出规定区域，这时我们就需要将图片按比例缩放，让大图片自适应页面布局。查看演示http://itmyhome.com/jquery_image_scaling/

假如页面中有以下菜单 首页 归档 分类 关于如果不是Bootstrap自行定义active CSS样式 $(document).ready(function(){ $(".navbar-nav li").click(function(){ $(this).addClass("active").siblings().removeClass("active");

一、jar包首先引入Struts和json所需的jar包。二、前台代码 姓名: 性别: 男 女 年龄: 20 21 22 $(function()

语法:$("#msg").ajaxSend(function(evt,request,settings){});AJAX请求发送前执行函数。Ajax事件。XMLHttpRequest对象和设置作为参数传递给回调函数$("#msg").ajaxSend(function(evt,request,settings){})是全局事件,也就是说,只要该页面定义了这个函数,那么,在每个ajax请求前都会执行

通用遍历方法，可用于遍历对象和数组。$().each()，回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如需退出each循环可使回调函数返回false

jQuery判断一个元素是显示还是隐藏,jQuery使用is()方法来判断一个元素是否显示,反之则为隐藏核心代码if($("#username").is(":hidden")){}实例代码： test.html $(function(){ if($("#userid").is(":hidden")){ alert("隐藏")

里有一行数据 “那片笑声让我想起......”  假设超出规定长度将用......代替，而现在要通过鼠标移动到......上 显示全部内容，移出则消失。如下图：.....//data是提示框要显示的全部内容CSS.tooltip { position: absolute; display: none; z-index: 9900000; outline: no

好久没用过jquery了，很多东西都陌生了，还是应该多练啊。jQuery读取input元素的值：用户名：$("#username").val("zhangsan");密码：以前老是习惯性的这样取值var username = $("#username").value;这样是取不到值的，因为此时$("#username")已经不是element,而是jquer

实现这样一个基本需求，页面有很多数据，可以删除一条或多条，删除前判断是否选中至少一条，否则提示。function deleteUser() { //当时是想把内容以str+=""的方式 进行保存 ，但不行 //var str; var array = new Array(); //用于保存 选中的那一条数据的ID var flag; //判断是否一个未选 $

概述jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。两个方法都支持众多的可选参数，能够让你对表单里数据的提交做到完全的控制。入门指导一、在你的页面里写一个表单。一个普通的表单，不需要任何特殊的标记： 姓名: 邮箱：

1、serialize()方法描述：序列化表单内容为字符串,用于Ajax请求。格式：var data = $("form").serialize();2.serializeArray()方法描述：序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据。           注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。格式：v

jQuery插件开发方式主要有三种：1、通过$.extend()来扩展jQuery2、通过$.fn 向jQuery添加新的方法3、通过$.widget()应用jQuery UI的部件工厂方式创建通常我们使用第二种方法来进行简单插件开发，说简单是相对于第三种方式。第三种方式是用来开发更高级jQuery部件的，而第一种方式又太简单，仅仅是在jQuery命名空间或者理解成jQuery

如果版本是: 1.3.1 IE无法显示关闭按钮如果版本是: 1.3.4 IE6无法显示关闭按钮解决办法:Version: 1.3.1打开fancybox.css 注释掉此行：.fancybox-ie #fancybox-close { background: transparent; filter: progid : DXImageTransform.M

select id="city"> option value="beijing">北京option> option value="shanghai">上海option> option value="shenzhen">深圳option>select>$(function(){ $("#city").change(function(){

有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后 就触发click事件，而无需主动点击。比如以下代码：body> a href="#" onclick="javascript:document.getElementById('d').innerHTML='x1'">点击1a> a href="#" onclick="javascript:document.g

实现：当一个未选中或者未全部选中时点击全选进行全部选中，而再次点全选则取消全部选中。点击反选则就进行反选。html 朴树 许巍 郑钧 曹方 张悬 js// JavaScript Document$(document).ready(function(){ //全选 $("#c

项目中有这样一个需求，使用ajax加载数据返回页面并赋值，然后前端取出该值这其中涉及到代码的顺序问题，有时后台还未返回数据，但已执行后面代码，所以就会造成取不到值$.ajax({ type: "post", url: "admin/PfmOptionRuleItem.do", success: function(data){ $("#ruleItem").val(data.ruleI

$(function() { $('#btn').bind('click', function() { document.search_form.action = 'admin/queryAll.do?pid=' + pid; //定义 action,并传参 $('#search_form').submit(); }); })

请选择 Java PHP Jekyll$(function(){     var array = new Array();  //定义数组      $("#language option").each(function(){  //遍历所有option          var txt = $(this).val();   //获取optio

姓名: 性别: 男 女 年龄: 20 21 22 爱好 篮球 排球 足球 地球 $(function() { $("#aja

.height{ background:#666666; /*背景颜色为灰色*/}tr{ cursor: pointer; /*手形*/ }  姓名性别居住地 张三男北京 李四男上海 王五女深圳

JSP中引入jquery.validate.js$.extend( $.fn.validatebox.defaults.rules, { minLength : { validator : function(value, param) { return value.length >= param[0]; }, message : '长度需

当我们在用jquery的each做循环遍历的时候常常会使用到this而有时候我们不知道this所指的到底是什么，因为要使用jquery的方法 前提此对象必须是jquery对象。另外要判断一个javascript的对象是什么类型，可以使用typeof,但是typeof只能判断出js的基础对象(string,boolean,number,object)判断一个对象是否为jquery对象可以用 obj instanceof jQuery

首先介绍这两个方法之前，我们常用的是click()方法$("a").click(function() { alert("hello");});click()方法是bind()方法的一种简单方法。在bind()中，jQuery所有JavaScript事件对象，比如focus, mouseover,和resize，都是可以作为type参数传递进来的。参数：type,[d

在jQuery1.7中 .delegate()已被.on()取代。对于早期版本，它仍然使用事件委托的最有效手段。在事件绑定和委派，delegate()和on在一般情况下，这两种方法是等效的。.delegate() 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。// jQuery 1.4.3+$( elements ).dele

当使用ajax获取data数据的时候，直接data.foo就可以得到。而较低版本的jquery就不行比如1.4之前如果没有设置type，默认返回的data是text类型当我们使用data. 去试图获取里面的值的时候，返回的是undefined此时两种解决方法：一：使用eval函数将json字符串转化为json对象var datas=eval("("+data+")"); 参加：xxxx二：指定type类型$.post('/admin/UserBookView.do', {}, function

/*高亮显示*/ .highlight{ background-color: gray } Hello ID为test的DIV 足球 排球 篮球 其他 1. [attribute]用法定义：匹配包含给定属性的元素$("div[id]").addClass("highlight"); //查找所有含

先写出DOM元素的HTML结构： /*高亮显示*/ .highlight{ background-color: gray }John ResignGeorge MartinMalcom John SinclairJ.OhnHas p一、:contains(text)选取含有文本内容为“text”的元素$("

/*高亮显示*/ .highlight{ background-color: gray } 各省市行政区划 北京 上海 商丘 海淀 徐汇 睢阳 朝阳 闸北 梁园

使用ajax在前端验证是否执行某个操作jquery.post参数为url,[data],[callback],[type]url:发送请求地址。data:待发送 Key/value 参数。callback:发送成功时回调函数。type:返回内容格式，xml, html, script, json, text, _default。

jquery插件的开发包括两种：一种是类级别的插件开发，即给jquery添加新的全局函数，相当于给jquery类本身添加方法。jquery的全局函数就是属于jquery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。也可以理解为另外两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法。1.jQuery.extend(Object);　　　// jQuery 本身的扩展方法2.jQuery.fn.extent(Object);　 // jQu

1、禁用右键单击功能 $(document).ready(function() { $(document).bind("contextmenu",function(e) { alert("sorry! No right-clicking!"); return false; });});2、屏蔽F5刷新$(document).ready(function() { $(document).bind("keydown",function(e){

我们在使用jquery选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义。列举部分如下：alert($("#entity\\.username").val());alert($("#entity\\:username").val());//中间是空格alert($("#entity\\ username").val());alert($("#entity\\[user

我以为jquery只会和其他js框架如(Dojo,Prototype,ExtJs)等发生冲突今天用了一下My97DatePicker日历控件当我同时引入jquery.js和/My97DatePicker/WdatePicker.js时，出现错误，日历控件不可用应该是js库发生冲突了做了如下改动：var $j=jQuery.noConflict();以后用jquery的时候不

由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换

jsp中checkbox复选框的个数是依据从数据库中取出值的条数决定的，是Iterator循环遍历出来的。">第一种方法：//全选 $("#checkAll").click(function() { if (this.checked) { $("input[name='selectFlag']:checkbox").each(function()

/** * 此方法 移动的时候会自动删除 不用手动去 remove * 但移走的选项会默认选中 无法取消，代码虽少，效果但不如第一种 */function left(isAll){ var os = new Array(); os = $("#right_select").find("option"); for(i=0;i<os.length;i++){ if(isAll){ $("#left_select").append(os[i]); }else{ if(os[i].

hover([over,]out)一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。$('.myDiv').hover(function() { doSomething... }, function() { doSomething... });而问题是有些

if ($.browser.msie) { alert("IE浏览器");} else if ($.browser.opera) { alert("opera浏览器");} else if ($.browser.mozilla) { alert("火狐浏览器");} else if ($.browser.safari) { alert("safari浏览器");}经过测试，发现