- 浏览: 1974854 次
- 性别:
- 来自: 哈尔滨
文章分类
- 全部博客 (188)
- java基础 (22)
- 经验+注意 (39)
- Oracle (34)
- javaScript (28)
- jquery (24)
- iBatIS (11)
- hibernate (8)
- struts1.x (1)
- spring (1)
- SVN (1)
- myeclipse (12)
- jbmp工作流 (1)
- 其他 (22)
- 杂谈 (4)
- struts2 (5)
- css (4)
- 正则表达式 (2)
- jstl标签 (4)
- Java Tree (2)
- Jboss (1)
- json (1)
- HttpURLConnection (1)
- Apache commons工具包 (1)
- groovy+grails (2)
最新评论
-
q2425533:
Java字符串倒序输出 + 数组的排序 -
变脸小伙:
今天也跟着学习了,用到了
struts2拦截器 获得请求方法名+获得请求参数 -
tuspark:
讲解的很不错。URLConnection类的内容也可以看这篇文 ...
HttpURLConnection详解 -
wolf746773350:
...
window.location.href/replace/reload()--页面跳转+替换+刷新 -
wolf746773350:
[/flash]
window.location.href/replace/reload()--页面跳转+替换+刷新
JQuery中常用方法备忘
转自:http://www.cnblogs.com/xzf158/archive/2008/10/14/logan.html
1.Window.onload 的JQuery方法
$(document).ready(function(){
//The Code!
})
可以简写为:
$(function(){
//The Code!
})
2.添加和去除Css类
$(function(){
$(“a.alink”).mouseover(function(){
this.addClass(“over”); //添加样式
}).mouseout(function(){
this.removeClass(“over”); //去除样式
})
})
3.动态切换样式
$funciotn(){
$(a.alink).click(function(){
This.toggleClass(“highline”); //动态切换,当有时去除,当没有时添加
})
}
4.给表格的偶数行添加样式
$(".mytable tr:even").addClass("tr1");
5.在选中元素上添加内容
如: $("p ").wrap(“<div class=’aa’></div >”);
原代码:<p>测试</p>
运行后效果: <div class=’aa’><p>测试</p></div >
6.直接获取、编辑内容
var sString = $(“p:frist”).text(); //获取第一个P标签的文本值
$(“p:last”).html(sString); //把值赋给最后一个P标签,以Html形式赋给,也就是说可以包含Html标签
7.页面元素有克隆
$(“img.eq(1)”).clone().appendTo($(“p”)); //将第一个图片克隆到所有的P标签中
8.事件的监听
$(“img”)
.bind (“click”,fnMyfun1=function(){ //添加事件1
$(“#show”).append(“事件1”); //在id为show的标签中添加文本
})
.bind (“click”,fnMyfun2=function(){//添加事件2
$(“#show”).append(“事件2”);
})
.bind (“click”,fnMyfun3=function(){//添加事件3
$(“#show”).append(“事件3”);
}) //可以同时添加多个事件
9.移除监听的事件
$(“input(type=button)”).click(function(){
$(“img”).unbind(“click”,” fnMyfun1”); //移除事件监听fnMyfun1
})
10.JQuery制作动画与特效――元素的显示与隐藏效果
$(“img”).hide();
$(“img”).hide(3000); //设置渐隐的时间,单位毫秒
$(“img”).show ();
$(“img”).show (3000);
还有更多特效如:fadeIn() fadeout() slideUp() slideDown()
11.JQuery的功能虑数
·浏览器的检测
用$.browser方法
$.browser.verson //获取浏览器版本号
function detect(){
if($.browser.msie)
return “IE”;
if($.browser.mozilla)
return “Mozilla”;
if($.browser.safari)
return “Safari”;
if($.browser.opera)
return “Opera”;
}
12.盒子模型类型
$.boxModel 如果是True,则是标准W3C,False则是其他。
13. $.each遍历
var aArray = [“sdf”,”dasd”,”dsa”]; //数组
$.each(aArray,function(iNum,value){
document.write(“序号:”+iNum+” 值:”+value);
});
var oObj = {one:1,two:2,three:3};
$.each(aArray,function(property,value){
document.write(“属性:”+ property +” 值:”+value);
});
14.数据过虑
var aArray = [1,3,5,6,7,8,6,8];
var aResulr = $.grep(aArray,function(){
return value > 4; //返回大于4的值,过虑了小于等于4的值
});
15.数组的转换
var aArray = [“a”,”b”,”c”,”d”];
aArray = $.map(aArray,function(value,index){
return (value.toUpperCase()+index);
});
16.JQuery中使用Ajax
$(“#display”).load(“aaa.aspx”); //display为接收数据的容器
$.get(url,[data],[callback]) //get方式
$.post(url,[data],[callback],[type]) //post方式
例:
function createQuerystring()
{
var username = encodeURI($(“#userName”).val); //userName为文本框的id
var password = encodeURI($(“#passWord”).val);
var queryString = {username:username, password:passWord};
return queryString;
}
$.get(“aa.aspx”, createQuerystring(), function(data){
$(“#serverResponse”).html(decodeURI(data));
});
Ajax 细节设置
$.ajax({
type : ”GET”,
url : “aa.aspx”,
data : createQuerystring(),
success : function(data){
$(“#serverResponse”).html(decodeURI(data));
}
})
Ajax全局设置
$.ajaxSetup({
url : “aa.aspx”,
data : createQuerystring(),
success : function(data){
$(“#serverResponse”).html(decodeURI(data));
}
}) //这个设置后,就成为了Ajax的默认设置
发表评论
-
即时搜索的input和propertychange方法
2018-01-16 16:59 1679做搜索功能的时候,经常遇到输入框检查的需求,最常见的是即时搜 ... -
jQuery Ajax 实例 ($.ajax、$.post、$.get)
2012-02-09 10:43 300717Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦, ... -
checkbox加onClick事件,ajax异步请求后台,$.ajax
2012-02-08 17:02 6753XXX平台要实现一个功能,公告弹出页面上使用复选框设置不再通知 ... -
jquery显示、隐藏div的方法
2012-01-16 13:27 23542###例子 $("#top_notice" ... -
jquery 二级联动
2012-01-09 14:35 1231jquery 二级联动 -
jquery.cookies.2.2.0+半小时后自动跳转至sessionView.jsp提示session过期
2011-10-15 13:15 2773详细方法说明参见:http://code.google.com ... -
Jquery FrameSet设置换肤
2011-09-30 15:25 3137使用Jquery给<FrameSet>换肤, ... -
<input type="text">文本框选中输入的值
2011-09-23 17:39 2349#1.js校验中,可以这样用,jquery同样支持.selec ... -
Jquery AJAX|Jquery .serialize() --序列表表格内容为字符串,用于 Ajax 请求+序列化表单拼接Url字符串
2011-09-21 12:00 8911Jquery AJAX操作时,传data一般分为两种:1.合成 ... -
jQuery ajax 同步 异步
2011-08-16 18:01 2262$.ajax({ url:'<%=request ... -
业务密码校验,AJAX异步校验时间有诧异
2011-08-15 17:53 1690在项目中我使用了AJAX异步校验,来校验业务密码是否正确,本地 ... -
jquery得到div的id值
2011-07-30 17:08 6808<div id="product_shift_ ... -
jquery操作select
2011-07-23 16:28 2516//得到select项的个数 jQuery.fn. ... -
jquery 限制文本框只能输入数字
2011-07-16 15:55 37628jquery 限制文本框只能输入数字 转自:http: ... -
jQuery 效果 - slideToggle() 方法
2011-07-07 17:36 1695实例 通过使用滑动效果,在显示和隐藏状态之间切换 <p ... -
扩展Jquery,自定义函数
2011-06-15 17:07 2321##我们常常需要自定义一些函数,供全局、所有人使用,做法如下: ... -
js+jquery表单验证--自己总结
2011-06-02 16:22 2010###js+jquery验证表单,自己总结的。定义判断的变量t ... -
jquery操作input、select、checkbox、radio常用方法
2011-05-24 15:40 6758jQuery获取Select选择的Text和Value ... -
jQuery获取Select选中的Text和Value
2011-05-24 15:38 1324我在项目中这样使用: var checkText=$(&qu ... -
<select>二级联动价格策略+js的eval()
2011-05-24 09:48 2607eval()函数,曾经自己并不觉得怎么样,但是项目中遇到一个需 ...
相关推荐
jQuery常用方法jQuery常用方法jQuery常用方法jQuery常用方法
jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx
JQUERY 常用 方法 大全 txt
整理了一套JQuery的常用方法,常用的选择器,各个选择器的区别,实际开发中遇到的问题,与解决问题的常用方法。
JQuery 部分常用方法速查,JQuery 部分常用方法速查
包含一些关于jquery的常用方法,比如 根据value选中单选框和复选框 ;根据value选select标签;获取选中的 select的value 等等
jQuery 常用方法,基于jquery 14 总结,有很详细的方法介绍,和案例展示,希望对你有帮助
$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map $(”img”).attr(”src”,”test.jpg”); 给某个元素...
jQuery日历表设置日期备忘录代码 jQuery日历表设置日期备忘录代码 jQuery日历表设置日期备忘录代码 jQuery日历表设置日期备忘录代码
jquery 常用方法集合(没有例子,只是方法名)
这个是本人总结整理的 jquery常用方法总结,里面有jQuery对象与dom对象的转换 的一些方法
jQuery 常用版本大全,包含常用的几个版本,jquery版本大全
jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子jquery常用小例子
jquery各种常用的方法精讲 告诉怎么才能真行
这里提供了常用的几个jquery版本文件,核心的版本,使用时直接粘贴复制相关的jquery文件即可
jQuery常用插件大全 jQuery 插件大全
一份不错的Jquery文档,主要的Jquery函数和方法实例说明!