本文转载自博客园,原文地址 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(){

$(“#show”).append(“事件1”); //在id为show的标签中添加文本

})

.bind (“click”,fnMyfun2=function(){

$(“#show”).append(“事件2”);

})

.bind (“click”,fnMyfun3=function(){

$(“#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;  的值

});

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的默认设置

JQuery中常用方法备忘的更多相关文章

  1. BS常用方法备忘

    在B/S项目开发过程中总结的一些常用方法,如:常量.验证方法.服务器控件方法.html控件方法等. ///******************* 说明 ************************ ...

  2. jquery远程班备忘

    基础第一课: 1. $(obj)获取的是一个集合,因此length最小是1, jquery,如果元素不存在,也不会报错,可通过$(obj).length<1就可以查看该元素是否存在. 2. at ...

  3. jQuery的一些备忘

    操作元素的样式 主要包括以下几种方式: $("#msg").css("background"); //返回元素的背景颜色 $("#msg") ...

  4. EF6 在 SQLite中使用备忘

    == 菜鸟级选手试验在EF6中使用Sqlite,零EF基础,少量Sqlite基础.经过断断续续的很长时间 - _ -! >>连接 1. 安装 使用目前最新版本EF6.1,Sqlite1.0 ...

  5. Lazy Load, 延迟加载图片的 jQuery 插件【备忘】

    http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/ jQuery Unveil – 另一款非常轻量的延迟加载插件 http ...

  6. 跑caffe过程中的备忘

    1*1卷积比如一张500*500且厚度depth为100的图片在20个filter上做1*1卷积,那么结果大小为500*500*20 只有池化改变图片的大小 一个大的全连接层可以理解为一个神经网络,这 ...

  7. JQuery Mobile难点备忘

    1 固定header: data-position="fixed",如果仅仅是加了这个属性,当页面出现滚动条的时候点击页面内容,header还是会隐藏显示全屏,如果不需要这样,加入 ...

  8. 2019-08-01 jquery中常用方法

    1.attr()方法设置或返回被选元素的属性值 <html> <meta charset="utf-8"/> <head><title&g ...

  9. jquery 常用的备忘

    1.table 取  tr 的 id值 <table class="table table-striped table-hover table-bordered" id=&q ...

随机推荐

  1. c# 索引器方法

    索引器方法允许我们构建能够以类似访问数组的语法来访问内部子类型的自定义类型 在语法上索引器方法和属性的定义很类似,一样是使用get,set,不同的是索引器是使用this[]创建的. 一个简单的索引器代 ...

  2. C# 常用接口学习 IComparable 和 IComparer

    C# 常用接口学习 IComparable 和 IComparer 作者:乌龙哈里 时间:2015-11-01 平台:Window7 64bit,Visual Studio Community 201 ...

  3. 黑帽么metasploit

    .Metasploit框架介绍Metasploit升级更新 Metasploit端口扫描 Metasploit SMB 获取系统信息 Metasploit 服务识别 Metasploit 密码嗅探 M ...

  4. java设计模式(二)

    抽象工厂模式 对工厂同一抽象,便于扩展 interface Provider{ public Sender Send(); } class MailFactory implements Provide ...

  5. CodeForces 702B Powers of Two

    简单题. 开一个$map$记录一下每个数字出现了几次,那么读入的时候$f[a[i]]+1$. 计算$a[i]$做出的贡献的时候,先把$f[a[i]]-1$,然后再枚举$x$,答案加上$f[{2^x} ...

  6. C#的GridView控件复习

    一,在新建一个空网站 二,在这网站新建一个default.aspx页面 三,添加一个GridView控件 四,新建一个数据库,这个数据库包含你要显示的表数据,这个表须包含主键(表的主键影响增删改的功能 ...

  7. React 相关资料

    learncodeacademy/react-js-tutorials MobX

  8. 1、SpringMVC+MyBaits实现查询所有

    1.创建如下所示项目 2.在src下的com.entity包下创建 Emp.java package com.entity; /** * * @author Holly老师 * */ public c ...

  9. boost 编译依赖库

    正则表达式 icu-devel python python-devel bzip2-devel ./b2 variant=release link=shared threading=multi run ...

  10. ubuntu安装docker

    uname -r #查看内核版本要大于3.10apt-get updateapt-get install linux-image-generic-lts-trusty wget -qO- https: ...