第一篇：自己關(guān)于jquery的一些總結(jié)
1、
$(“p”).html(“Hello $(”p“).text(”Hello
world!“);world!”);
Html 和 text 的區(qū)別就在于 html 可以為解析，而 text 只是值而已
2、$(“input[type='checkbox']”).parent()或者$(“input[name='checkbox1']”)
這是一般查找某個名稱 name 的所有控件，比如很多 checkbox，或者 radio 等 當然$(“input[type='checkbox']”).parent()這里的.parent()是為了獲取它的父對象，比如
這個對象
3、如果要使用 jquey 中的方法可以將他們轉(zhuǎn)換為 jquery 對象：$(this)和 $(event.target);加了$()是把她們轉(zhuǎn)換為 jquery 對象
4、如下代碼：this 和 event.target 的區(qū)別，js 中事件是會冒泡的，所以 this 是可以變化 的，但 event.target 不會變化，它永遠是直接接受事件的目標 DOM 元素；this 和 event.target 都是 dom 對象，完全可以轉(zhuǎn)換成 jquery 對象，通過$(this)或者 $(event.target)我還想說的是：$(div).click(function(event){})說明只有在這個層內(nèi)點擊才有效果，event.target.nodeName,如果你點擊的是 aaa，那么彈出的就是 DIV，同理如果是 list item 3, 那么是 LI,下面代碼喜歡把對象都轉(zhuǎn)換成 jquery 對象
5、
append 和 prepend 區(qū)別在于 append 是加在內(nèi)容后面，而 prepend 是加在內(nèi)容前面，一般 $(boby).prepend(……)會這么寫，
6、
setTimeout(‘a(chǎn)lert(“超時啦”)’,1000)就是過 1000 毫秒后執(zhí)行 alert，或者可以 setTimeout('getname()', 1000);這里 getname 為自定義的方法
7、
hover(over,out)用法:當鼠標移動到一個匹配的元素上面時，會觸發(fā)指定的第一個函數(shù)。當鼠標移出這個元素時，會觸發(fā)指定的第二個函數(shù)。而且，會伴隨著對鼠標是否仍然處在特定 元素中的檢測.$(“#test”).hover(function(){$(this).addClass(“blue”)}, function(){$(this).removeClass(“blue”)});
8、
setTimeout()方法的返回值，setTimeout()的返回值是唯一的，如果你同時調(diào)用很多 方法的返回值，的返回值是唯一的，setTimeout()那么你想終止其中一個 setTimeout()，該怎么班呢，一般我們會想到用 那么你想終止其中一個，該怎么班呢，clearTimeout()方法，對了沒錯，所以一般 clearTimeout()括號內(nèi)放的就是 方法，對了沒錯，方法 括號內(nèi)放的就是 setTimeout()的返回值，來唯一確定結(jié)束那個 setTimeout()方法 的返回值，方法
9、
10、var str = chars.substring(chars.indexOf('@'),chars.indexOf('.'));根據(jù)郵件地址的組成方式 chars.indexOf('@')是取第一次出現(xiàn)@的索引，在你這里是 3 chars.indexOf('.')是 11 在截取子串 substring
11、Checkbox 的一些操作
全選： $(“[name=’mycheckbox’]”).attr(“checked”,”checked”)或者 $(“input[name=’mycheckbox’]”).attr(“checked”,’true’);取消全選 $(“[name=’mycheckbox’]”).removeAttr(“checked”);//類似這種只能取出如
id，style，checked 等 選中所有奇數(shù) $(“[name=’mycheckbox’]:even”).attr(“checked”,”checked”)反選 $(“[name=’mycheckbox’]”).each(function(){if($(this).attr(“checked”))$(this).removeAttr(“checke d”)else $(this).attr(“checked”,’true’)})獲取選中的值 $(“[name=’mycheckbox’][checked]”).each(function(){alert($(this).val())});為復選框賦值 $(“input[name=' mycheckbox’']”).each(function(){ if($(this).attr(“value”)== BanLi_Kind){ $(this).attr(“checked”, “checked”);} });或者$(“input[name=' mycheckbox’']”).get(0).checked=true;
12、怎么讓層居中
#logo { position: absolute;display: block;width: 156px;height: 49px;/*這部分是讓元素相對瀏覽器垂直居中 這部分是讓元素相對瀏覽器垂直居中 left: 50%;top: 50%;margin-left:-156px;margin-top:-49px;----------*/ background: url(logo.png)top left no-repeat;}
當為網(wǎng)頁設置了高度寬度后，可以把
13、怎么選中屬性 readonly 不為 readonly 的控件
$(“[readonly!=’readonly’]”).val()或者 $(“[readonly!='readonly'][type!='hidden']”).attr(“value”,
“");不等 readonly 并且 type 不等于 hidden
有次聯(lián)想到 Jquery 選擇器分為三種，元素選擇器：比如$(“p”)選取
元素，$(“p.intro”)選取 class 為 intro 的 p 元素，$(“p#intro”)選取 id 為 intro 的 p 元素，屬性選擇器：比如$(“[href]”)--------------所有帶有 href 屬性的元素 屬性選擇器：比如 所有帶有 $(“[href=’#’]”)---------所有 href 值等于“#”的元素 值等于“ ” 所有 $(“[href!=’#’]”)---------所有 href 值不等于“#”的元素 值不等于“ ” 所有 $(“[href$=’.jpg’]”)---------所有 href 值以“.jpg”結(jié)尾的元素 值以“ 所有 ”
$(”div#intro.head“)
id=”intro“ 的
這里總結(jié)一般的順序，第一是元素，第二是 id，第三是 class
14、A:link{color:red}未訪問的連接 A:visited{color:red}已訪問的連接 A:hover{}鼠標懸浮連接 A:active{}被選擇的連接
15 不用腳本也可以實現(xiàn)鼠標移上去變化顏色等，（除了 a href ….）這里是在樣式后面加冒號和 hover
第二篇：Jquery學習心得
1.腳本方法外面中的jquery變量是按頁面順序加載的，所以在調(diào)用頁面中DOM對象時，要注意在此之前該元素是否已定義(基本過程中)。
2.$(#...)獲得的永遠時對象，即使網(wǎng)頁上沒有此元素。Js不同
JQuery判斷某個元素在網(wǎng)頁中是否存在:$(#...).length>0
4.2
JQuery中的動畫
注意：jQuery中的動畫方法，都可以指定以下參數(shù)
“slow”：600/”normal”：400/”fast”：200/數(shù)字；
animate()可以替代一切其他動畫方法。
(1).show()和hide()
改變元素的高度、寬度、透明度直至完全顯示或消失
show/hide(“slow”：600/”normal”：400/”fast”：200/數(shù)字)
(2).fadeIn()和fadeOut()
改變元素的透明度直至完全顯示或消失
(3).slideDown()和slideUp()
改變元素由上至下延伸顯示或由下至上隱藏
(4).自定義動畫方法：animate()
(5).動畫回調(diào)函數(shù)
(6).停止元素的動畫stop([clearQuery][,gotoEnd])
(7).交互動畫方法 toggle(speed,[callback]);
slideToggle(speed,[callback]);
fadeTo(speed,opacity,[callback])
五、jQuery 對表單、表格的操作及更多的應用
5.1.表單應用
(1).單行文本框應用
獲取和失去焦點改變樣式
(2).多行文本框應用
高度變化
滾動條高度變化
(3).復選框應用
全選、全不選、反選、獲取復選框中值聯(lián)動復選框選擇
(4).下拉框應用
左右下拉框互相移動選項
(5).表單驗證
重點應用 5.2.表格應用
(1).表格變色
隔行變色
單選框控制表格行高亮（end()）復選框控制表格行高亮
(2).表格展開關(guān)閉
單位：ms
(3).表格內(nèi)容刷選
5.3.其他應用
(1).網(wǎng)頁字體大小設置(2).網(wǎng)頁選項卡
(3).網(wǎng)頁換膚(引入jQuery中Cookie插件)
六、jQuery與Ajax的應用
6.0.Ajax應用原理
6.1.使用javascript實現(xiàn)Ajax應用
6.2.jQuery實現(xiàn)Ajax應用
載入Html 文檔
刷選載入的 Html 文檔
傳替方式
回調(diào)函數(shù)
$.get()和$.post()
七、插件的使用和寫法
7.1.表單驗證插件：Validation
Jquery.matedata.js插件
Validata中文驗證信息庫
自定義驗證規(guī)則
7.2.表單插件：Form
核心方法：ajaxForm()和ajaxSubmit()
表單提交前驗證表單
7.3.動態(tài)綁定事件插件：livequery 7.4.jquery UI插件
與后臺結(jié)合
7.5.管理Cookie的插件：Cookie 7.6.自定義插件
Color插件
去除左側(cè)或右側(cè)空格插件
表格隔行變色插件 7.7jquery的tree
第三篇：jquery學習總結(jié)(超級詳細)
執(zhí)行時機 編寫個數(shù) 簡化寫法
一、選擇網(wǎng)頁元素
jQuery的基本設計和主要用法，就是“選擇某個網(wǎng)頁元素，然后對其進行某種操作”。這是它區(qū)別于其他函數(shù)庫的根本特點。
使用jQuery的第一步，往往就是將一個選擇表達式，放進構(gòu)造函數(shù)jQuery()（簡寫為$），然后得到被選中的元素。選擇表達式可以是CSS選擇器：
$(document)//選擇整個文檔對象 $('#myId')//選擇ID為myId的網(wǎng)頁元素
$('div.myClass')//選擇class為myClass的div元素
$('input[name=first]')//選擇name屬性等于first的input元素 window.onload $(document).ready()
網(wǎng)頁中所有DOM結(jié)構(gòu)繪制完畢后就執(zhí)行，可能DOM元素關(guān)聯(lián)的東西并
沒有加載完 必須等待網(wǎng)頁中所有的內(nèi)容加載完畢后（包括圖片）才能執(zhí)行
不能同時編寫多個，以下代碼無法正確執(zhí)行：window.onload =function({alert(“test1”);}window.onload = function(){alert(“test2”);}結(jié)果只會輸出
“test2”
能同時編寫多個
無
$(document).ready(function(){});可以簡寫成$(function(){});也可以是jQuery特有的表達式：
$('a:first')//選擇網(wǎng)頁中第一個a元素 $('tr:odd')//選擇表格的奇數(shù)行
$('#myForm :input')//選擇表單中的input元素 $('div:visible')//選擇可見的div元素
$('div:gt(2)')//選擇所有的div元素，除了前三個 $('div:animated')//選擇當前處于動畫狀態(tài)的div元素
二、改變結(jié)果集
如果選中多個元素，jQuery提供過濾器，可以縮小結(jié)果集：
* $('div').has('p');//選擇包含p元素的div元素
* $('div').not('.myClass');//選擇class不等于myClass的div元素 * $('div').filter('.myClass');//選擇class等于myClass的div元素 * $('div').first();//選擇第1個div元素 * $('div').eq(5);//選擇第6個div元素
有時候，我們需要從結(jié)果集出發(fā)，移動到附近的相關(guān)元素，jQuery也提供了在DOM樹上的移動方法：
$('div').next('p');//選擇div元素后面的第一個p元素 $('div').parent();//選擇div元素的父元素
$('div').closest('form');//選擇離div最近的那個form父元素 $('div').children();//選擇div的所有子元素 $('div').siblings();//選擇div的同級元素
三、鏈式操作
選中網(wǎng)頁元素以后，就可以對它進行某種操作。
jQuery允許將所有操作連接在一起，以鏈條的形式寫出來，比如： $('div').find('h3').eq(2).html('Hello');分解開來，就是下面這樣：
1.$('div')//找到div元素
2..find('h3')//選擇其中的h3元素 3..eq(2)//選擇第3個h3元素
4..html('Hello');//將它的內(nèi)容改為Hello
這是jQuery最令人稱道、最方便的特點。它的原理在于每一步的jQuery操作，返回的都是一個jQuery對象，所以不同操作可以連在一起。
jQuery還提供了.end()方法，使得結(jié)果集可以后退一步：
1.$('div')2..find('h3')3..eq(2)4..html('Hello')5..end()//退回到選中所有的h3元素的那一步 6..eq(0)//選中第一個h3元素
7..html('World');//將它的內(nèi)容改為World
.end()：回到最近的一個“破壞性”操作之前。如果之前沒有破壞性操作，則返回一個空集。所謂的“破壞性”就是指任何改變所匹配的jQuery元素的操作。示例
描述：選取所有的p元素，查找并選取span子元素，然后再回過來選取p元素 HTML 代碼:
Hello,how are you?
jQuery 代碼:$(“p”).find(“span”).end()結(jié)果:
Hello how are you?
-四、元素的操作：取值和賦值
操作網(wǎng)頁元素，最常見的需求是取得它們的值，或者對它們進行賦值。
jQuery使用同一個函數(shù)，來完成取值（getter）和賦值（setter）。到底是取值還是賦值，由函數(shù)的參數(shù)決定。
$('h1').html();//html()沒有參數(shù)，表示取出h1的值
$('h1').html('Hello');//html()有參數(shù)Hello，表示對h1進行賦值 常見的取值和賦值函數(shù)如下：
1..html()返回或設置被選元素的內(nèi)容(inner HTML)2..text()取出或設置text內(nèi)容 3..attr()取出或設置某個屬性的值 4..width()取出或設置某個元素的寬度 5..height()取出或設置某個元素的高度
6..val()取出或設置html內(nèi)容取出某個表單元素的值
需要注意的是，如果結(jié)果集包含多個元素，那么賦值的時候，將對其中所有的元素賦值；取值的時候，則是只取出第一個元素的值（.text()例外，它取出所有元素的text內(nèi)容）。
五、元素的操作：移動
.insertAfter()，把div元素移動p元素后面： $('div').insertAfter('p');.after()，把p元素加到div元素前面：
$('p').after('div');使用這種模式的操作方法，一共有四對
1..insertAfter()和.after()：在現(xiàn)存元素的外部，從后面插入元素 2..insertBefore()和.before()：在現(xiàn)存元素的外部，從前面插入元素 3..appendTo()和.append()：在現(xiàn)存元素的內(nèi)部，從后面插入元素 4..prependTo()和.prepend()：在現(xiàn)存元素的內(nèi)部，從前面插入元素
1.after(): 描述: 在所有段落中后插入一個jQuery對象(類似于一個DOM元素數(shù)組)。HTML 代碼:
Hello
I would like to say:
jQuery 代碼:$(“p”).after($(“b”));結(jié)果:
I would like to say:
Hello 2.insertAfter()： 描述: 把所有段落插入到一個元素之后。與 $(“#foo”).after(“p”)相同 HTML 代碼:I would like to say:
第四篇：網(wǎng)站開發(fā)常用jQuery插件總結(jié)(四)驗證插件validation
網(wǎng)站開發(fā)常用jQuery插件總結(jié)(四）驗證插件validation
在網(wǎng)站開發(fā)過程中，有時我們需要驗證用戶輸入的信息是否符合我們的要求，所以我們會對用戶提交的數(shù)據(jù)進行驗證。驗證分兩次進行，一次是在客戶端，一次是在服務端?？蛻舳说尿炞C可以提升用戶的體驗。
jquery驗證插件有很多，實現(xiàn)的功能也基本相同。本文介紹的只是jquery驗證插件中的一種jquery.validate
1.jquery.validate插件功能
簡單實現(xiàn)客戶端信息驗證，過濾不符合要求的信息
2.jquery.validate官方地址
官方地址：http://jqueryvalidation.org/,有詳細的插件使用說明
官方demo：http://jquery.bassistance.de/validate/demo/
3.jquery.validate使用方法
1.引用js
2.css樣式，可自定義，簡單的只需要添加error樣式，也可使用官方demo中的樣式。.error{
color:red;
margin-left:8px;
}
3.js代碼
$(document).ready(function(){
// validate signup form on keyup and submit
var validator = $(“#signupform”).validate({
rules: {
firstname: “required”,username: {
required: true,minlength: 2
},password: {
required: true,minlength: 5
},password_confirm: {
required: true,minlength: 5,equalTo: “#password”
},email: {
required: true,email: true,},dateformat: “required”,terms: “required”
},messages: {
firstname: “姓名不能為空”,username: {
required: “用戶名不能為空”,minlength: jQuery.format(“用戶名只少由 {0} 字符組成”)
},password: {
required: “密碼不能為空”,minlength: jQuery.format(“密碼只少由 {0} 字符組成”)
},password_confirm: {
required: “確認密碼不能為空”,minlength: jQuery.format(“確認密碼只少由 {0} 字符組成”),equalTo: “秘密與確認密碼不一致”
},email: {
required: “郵箱不能為空”,email: “郵箱格式不正確”
},dateformat: “請選擇性別”,terms: “ ”
},// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element){
if(element.is(“:radio”))
error.appendTo(element.parent().next().next());
else if(element.is(“:checkbox”))
error.appendTo(element.next());
else
error.appendTo(element.parent().next());
},// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function(){
alert(“submitted!”);
},// set this class to error-labels to indicate valid fields
success: function(label){
// set as text for IE
label.html(“ ”).addClass(“checked”);
},highlight: function(element, errorClass){
$(element).parent().next().find(“.” + errorClass).removeClass(“checked”);}
});
});
以上的代碼只使用了插件提供的屬性和方法。也可以自定義驗證方法。如
$.validator.addMethod(“checkUserName”, function(value){
//value為驗證的值，對應于元素id
//方法代碼
}, '用戶名格式不正確');
使用自定義方法也非常簡單，只需要 元素id:”checkUserName”
4.使用的html
效果演示：驗證插件 validate 測試
第五篇：課題_jQuery Validate驗證框架詳解
jQuery Validate驗證框架詳解
一、導入js庫
注：<%=request.getContextPath()%>返回web項目的根路徑。
二、默認校驗規(guī)則
(1)、required:true
必輸字段
(2)、remote:“remote-valid.jsp”
使用ajax方法調(diào)用remote-valid.jsp驗證輸入值(3)、email:true
必須輸入正確格式的電子郵件(4)、url:true
必須輸入正確格式的網(wǎng)址
(5)、date:true
必須輸入正確格式的日期，日期校驗ie6出錯，慎用
(6)、dateISO:true
必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，不驗證有效性(7)、number:true
必須輸入合法的數(shù)字(負數(shù)，小數(shù))(8)、digits:true
必須輸入整數(shù)
(9)、creditcard:true
必須輸入合法的信用卡號
(10)、equalTo:“#password”
輸入值必須和#password相同
(11)、accept:
輸入擁有合法后綴名的字符串（上傳文件的后綴）(12)、maxlength:5
輸入長度最多是5的字符串(漢字算一個字符)(13)、minlength:10
輸入長度最小是10的字符串(漢字算一個字符)(14)、rangelength:[5,10]
輸入長度必須介于 5 和 10 之間的字符串“)(漢字算一個字符)(15)、range:[5,10]
輸入值必須介于 5 和 10 之間(16)、max:5
輸入值不能大于5(17)、min:10
輸入值不能小于10
三、默認的提示
messages: { required: ”This field is required.“, remote: ”Please fix this field.“, email: ”Please enter a valid email address.“, url: ”Please enter a valid URL.“, date: ”Please enter a valid date.“, dateISO: ”Please enter a valid date(ISO).“, dateDE: ”Bitte geben Sie ein g眉ltiges Datum ein.“, number: ”Please enter a valid number.“, numberDE: ”Bitte geben Sie eine Nummer ein.“, digits: ”Please enter only digits“, creditcard: ”Please enter a valid credit card number.“, equalTo: ”Please enter the same value again.“, accept: ”Please enter a value with a valid extension.“, maxlength: $.validator.format(”Please enter no more than {0} characters.“), minlength: $.validator.format(”Please enter at least {0} characters.“), rangelength: $.validator.format(”Please enter a value between {0} and {1} characters long.“), range: $.validator.format(”Please enter a value between {0} and {1}.“), max: $.validator.format(”Please enter a value less than or equal to {0}.“), min: $.validator.format(”Please enter a value greater than or equal to {0}.“)}，如需要修改，可在js代碼中加入：
$.extend($.validator.messages, {
required: ”必選字段“，remote: ”請修正該字段“，email: ”請輸入正確格式的電子郵件“，url: ”請輸入合法的網(wǎng)址“，date: ”請輸入合法的日期“，dateISO: ”請輸入合法的日期(ISO).“，number: ”請輸入合法的數(shù)字“，digits: ”只能輸入整數(shù)“，creditcard: ”請輸入合法的信用卡號“，equalTo: ”請再次輸入相同的值“，accept: ”請輸入擁有合法后綴名的字符串“，maxlength: $.validator.format(”請輸入一個長度最多是 {0} 的字符串“)，minlength: $.validator.format(”請輸入一個長度最少是 {0} 的字符串“)，rangelength: $.validator.format(”請輸入一個長度介于 {0} 和 {1} 之間的字符串“)，range: $.validator.format(”請輸入一個介于 {0} 和 {1} 之間的值“)，max: $.validator.format(”請輸入一個最大為 {0} 的值“)，min: $.validator.format(”請輸入一個最小為 {0} 的值“)});
推薦做法，將此文件放入messages_cn.js中，在頁面中引入
四、使用方式
1、metadata用法，將校驗規(guī)則寫到控件中
<%@ page language=”java“ import=”java.util.*“ pageEncoding=”UTF-8“%> <%
String path = request.getContextPath();
String basePath = request.getScheme()+ ”://“ + request.getServerName()+ ”:“
+ request.getServerPort()+ path + ”/“;%>
文檔為doc格式
聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔相關(guān)法律責任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關(guān)證據(jù)，工作人員會在5個工作日內(nèi)聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。
自己總結(jié)
自己總結(jié)，不是抄襲的！ 第一，需要你辦理網(wǎng)銀。到銀行柜臺辦理，需要拿著身份證復印件。 第二，注冊一個淘寶會員，開通支付寶，并且激活。 如果你有網(wǎng)銀，而且在網(wǎng)上購過物，那么這兩步就省......
自己總結(jié)
青藍工程總結(jié) 高三英語組 鐘林宏 參加高中班主任及數(shù)學教學工作已近三年，在班級管理和教育教學上邁出的每一步都影射著“青藍工程”所給我?guī)淼膯⒌吓c幫助。新分配的教師在......
jQuery的show,hide性能測試（xiexiebang推薦）
jQuery的show/hide性能測試這篇文章是jQuery各種show/hide方式的性能測試。作者之所以測試這個源于Robert Duffy在SanFrancisco舉行的jQuery大會上的一句話：“.hide和.show......
自己實習總結(jié)
經(jīng)過這次會計崗位的實習,我學到了很多,不僅是會計實踐方面,還有良好心態(tài)、溝通能力等綜合技能，我把它比作我人生的第一桶金，也如一位今生如影隨形的老師，對我以后的工作生活將......
個人年度總結(jié) ...自己
農(nóng)村信用社個人年度總結(jié) 我于2012年7月進入xx銀行，工作至今，已經(jīng)有半年時間。半年來，在領(lǐng)導和同事們的悉心關(guān)懷和指導下，通過自身的不懈努力，我各方面都取得了長足的進步。 一、......
經(jīng)典臺詞(自己總結(jié))
平時看到的聽到的經(jīng)典臺詞匯集 1、禍不單行？-使嗯使 黑得感密集，害得慘-害得雞無鴨血 掃黃女被抓，警察問：為何“賣”？女說：靠男男無賴，靠廠廠要賣，只能靠自留地，時間短，見效快，不貪污不......
人力資源自己總結(jié)
名詞解釋 人力資源：在制定范圍內(nèi)人所具備的勞動能力的人力資源規(guī)劃：是組織戰(zhàn)略規(guī)劃的一部分，是人力資源開發(fā)與管理過程的目標實現(xiàn)。 員工關(guān)系：也稱勞動關(guān)系，是在就業(yè)組織中雇傭行......
idc自己總結(jié)文檔
1. mysql : /usr/share/mysql/mysql.server restart 數(shù)據(jù)庫重新啟動 2. 修改頁面超級用戶rzx1218密碼，進入數(shù)據(jù)庫，use idc；update usertbl set user_passwd=password('cooperat......
點擊咨詢 