?前端：jQuery筆記

此系列文章乃是學習jQuery的學習筆記。 Asp.net MVC Comet推送 摘要: 一、簡介 在Asp.net MVC實現的Comet推送的原理很簡單。 服務器端：接收到服務器發送的AJAX請求，服務器端并不返回，而是將其Hold住，待到有東西要通知客戶端時，才將這個請求返回。 客戶端：請求異步Action，當接收到一個返回時，立即又再發送一個。 缺點：會長期占用一個Asp...閱讀全文 posted @?2015-02-10 12:01?逆心 閱讀(1072) |?評論 (0)?編輯

?

jQuery插件開發方式 摘要: 一、jQuery擴展 1、$.extend(object) 類似于.Net的擴展方法，用于擴展jQuery。然后就可以用$.的方式調用。 $(function(){ $.extend({ fun1: function () { alert("為jQuery擴展一個fun1函數...閱讀全文 posted @?2014-11-27 11:22?逆心 閱讀(252) |?評論 (0)?編輯

?

jQuery之Nestable 摘要: 空間屬性置頂：屬性說明change事件，當控件改變時觸發nestable方法，獲取順序JSON數據，形式如下：[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}] 今天，有個剛畢業的同事要做一個“排序出港”的功能，看了他用的控件...閱讀全文 posted @?2014-08-29 18:58?逆心 閱讀(4981) |?評論 (0)?編輯

?

jqGrid使用記錄 摘要: 一、要引用的文件 要使用jqGrid，首先頁面上要引入如下css與js文件。 1、css 2、js 二、使用要點說明 1、獲取值 1、獲取單個id 獲取行號，有這種方式： var rowid = $("#grid-table").jqGrid("getGridParam"...閱讀全文 posted @?2014-07-29 17:17?逆心 閱讀(39728) |?評論 (2)?編輯

?

Windbg符號與源碼 《第二篇》 摘要: 符號文件是一種輔助數據，它包含了對應用程序代碼的一些標注信息，這些信息在調試過程中非常有用。如果沒有輔助數據，那么能獲得的信息就只有應用程序的二進制文件。二進制文件很難調試，因為無法看到代碼中的函數名、數據結構名等。這正是符號文件能顯示的。符號文件的擴展名通常是pdb，調試器能夠很好地解析這種文...閱讀全文 posted @?2014-05-15 10:22?逆心 閱讀(2254) |?評論 (1)?編輯

?

jQuery 獲取 URL信息 摘要: jQuery獲取URL信息有很多方法，但是使用這個插件就非常爽了。 托管地址在：http://github.com/allmarkedup/jQuery-URL-Parser // http: //localhost:19090/home/index?id=1 ...閱讀全文 posted @?2013-10-24 19:06?逆心 閱讀(311) |?評論 (0)?編輯

?

jQueryEasyUI 摘要: 使用EasyUI最好的方法不是學會，所有的東西都敲一遍，你也沒辦法敲得完，而是找到一個好的文檔。 http://files.cnblogs.com/kissdodog/jQueryEasyUI%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9%E6%89%8B%E5%86...閱讀全文 posted @?2013-09-09 13:01?逆心 閱讀(2083) |?評論 (1)?編輯

?

AJAX - 跨域 摘要: 一、jsonp 其實我本以為jsonp能夠做到利用AJAX任意訪問別人的程序代碼，但是我發現實際并不是我想象的那樣，因為jsonp要改動服務器端的代碼。別人的服務器端代碼怎么改啊？除非別人愿意，否則你還是不能用AJAX獲取別人的數據。 Ajax直接請求普通文件存在跨域無權限訪問的問題，甭管你是靜態頁面、動態網頁、web服務、WCF，只要是跨域請求，一律不準；其實jsonp的原理就是遠程執行js。 示例-服務器端代碼：namespace AJAXDomain.Controllers{ public class HomeController : Controller { ...閱讀全文 posted @?2013-06-21 16:16?逆心 閱讀(302) |?評論 (0)?編輯

?

SWFUpload批量上傳插件 摘要: SWFUpload是一個批量上傳插件，在HTML4.1里面，估計也只有Flash+javascript配合才能夠做到了。先復制個重要的網址，這個應該是官方的文檔了，相當齊全。http://leeon.me/upload/other/swfupload.html#uploadStart這個是格式比較好看的。http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html算了，這個文檔的內容太多，各種屬性各種方法，記不了這么多，直接貼上個實例算了。前臺是視圖javascript代碼： <script src="@Url.Cont閱讀全文 posted @?2013-01-24 22:09?逆心 閱讀(9141) |?評論 (1)?編輯

?

jQuery工具函數 摘要: 一、$.browser對象屬性 屬性列表 說明 webkit webkit相關瀏覽器則返回true，否則返回false，如google，傲游。 mozilla mozilla相關瀏覽器則返回true，否則返回false，如火狐 saf...閱讀全文 posted @?2012-12-27 13:39?逆心 閱讀(1079) |?評論 (0)?編輯

?

jQuery之Jcrop 摘要: 頭像裁剪是一個經常用到的功能，實現原理也較為簡單，就是在本地選擇好所需裁剪圖片的坐標，將坐標發送到服務器，由服務器執行圖片裁剪操作。jQuery插件Jcrop提供了強大的圖片裁剪坐標選擇插件。一下來介紹它的用法。本處采用了AJAX本地上傳一張圖片的方法讓用戶裁剪。很多驗證沒有做，因為作為一個關于Jcrop的例子，很多驗證不如與本文研究的范疇。服務器端采用MVC3實現。直接貼代碼，詳解注釋里面有了。一、前臺頁面代碼。<link href="http://www.cnblogs.com/Content/jquery.Jcrop.css" rel="stylesh閱讀全文 posted @?2012-12-21 14:02?逆心 閱讀(6630) |?評論 (0)?編輯

?

jQuery插件之jqzoom 摘要: jqzoom是一款基于jQuery的圖片方法插件。使用方法：1.引入jQuery與jqzoom,jqzoom.css 2.準備兩張一大一小大小相同的圖片，小圖片放在<img>標簽的"src"屬性里，給img標簽加個<a>標簽，<a>標簽的"href"屬性鏈向大圖片參數說明：zoomWidht: 小圖片所選區域的寬度。 zoomHeight: 小圖片所選區域的高度。 zoomType: 默認值為standard。如果設為reverse，在小圖片仲，移入鼠標時，所選區域高亮，非選中區域淡灰色。 xOffset: 放大后的圖閱讀全文 posted @?2012-12-15 22:40?逆心 閱讀(6080) |?評論 (0)?編輯

?

jQuery插件之artDialog 摘要: artDialog是一個非常強大的彈出框插件。默認有兩個版本，一個是jQuery版，一個是javascript版。功能非常多，而且使用非常簡單。不寫了，直接貼上官網的預覽運行地址，以后用得著的時候去那里找代碼就OK了。 官網預覽地址:http://www.planeart.cn/demo/artDialog/_doc/API.html閱讀全文 posted @?2012-12-15 16:18?逆心 閱讀(5201) |?評論 (0)?編輯

?

jQuery插件之ajaxFileUpload 摘要: 一、ajaxFileUpload是一個異步上傳文件的jQuery插件。 傳一個不知道什么版本的上來，以后不用到處找了。 語法：$.ajaxFileUpload([options]) options參數說明：1、url 上傳處理程序地址。 2，fileElementId ...閱讀全文 posted @?2012-12-15 10:48?逆心 閱讀(127878) |?評論 (13)?編輯

?

jQuery插件之Cookie 摘要: 一、jQuery.Cookie.js插件是一個輕量級的Cookie管理插件。 特別提醒，今日發現一個特別的錯誤，google瀏覽器提示：has no method $.cookie。火狐瀏覽器提示:$.cookie is not a function;調試了半天，終于找到原因，如果同一個頁面兩次或者多次引入jQuery插件就會報此錯誤。 使用方法： 1、引入jQuery與jQuery.Cookie.js插件。 <script src="jQuery.1.8.3.js" type="text/javascript"></script>閱讀全文 posted @?2012-12-14 23:48?逆心 閱讀(13937) |?評論 (2)?編輯

?

jQuery插件之Form 摘要: 一、jQuery.Form.js 插件的作用是實現Ajax提交表單。 方法： 1.formSerilize() 用于序列化表單中的數據，并將其自動整理成適合AJAX異步請求的URL地址格式。 2.clearForm() 清除表單中所有輸入值的內容。 3.restForm 重置表單...閱讀全文 posted @?2012-12-13 22:28?逆心 閱讀(13323) |?評論 (0)?編輯

?

jQuery_基礎 摘要: 一、jQuery與DOM對象的轉換。 1、jQuery對象轉換為DOM對象：$cr[0] 或 $cr.get(0) $cr為jQuery對象 2、DOM對象轉換為jQuery對象：$(cr) cr為Dom對象;閱讀全文 posted @?2012-12-13 22:22?逆心 閱讀(149) |?評論 (0)?編輯

?

jQuery之AJAX 摘要: 一、load() 加載頁面數據 load(url,[data],[callback]) url:加載的頁面地址,[data]傳送的數據，[callback]加載完成時回調函數。 設計一個load.html代碼如下： 我是div1 我是div2　...閱讀全文 posted @?2012-12-09 22:38?逆心 閱讀(7107) |?評論 (2)?編輯

?

jQuery之元素篩選 摘要: 1、eq() 篩選指定索引號的元素2、first() 篩選出第一個匹配的元素3、last() 篩選出最后一個匹配的元素4、hasClass() 檢查匹配的元素是否含有指定的類5、filter() 篩選出與指定表達式匹配的元素集合6、is() 檢查元素是否參數里能匹配上的7、map()8、has() 篩選出包含指定子元素的元素9、not() 排除能夠被參數中匹配的元素10、slice() 從指定索引開始，截取指定個數的元素11、children() 篩選獲取指定元素的資源12、closest() 從當前元素開始，返回最先匹配到的符合條件的父元素13、find(...閱讀全文 posted @?2012-12-09 10:53?逆心 閱讀(7140) |?評論 (0)?編輯

?

jQuery之位置 摘要: 1、offset()獲取匹配元素在相對瀏覽器窗口的偏移量 返回一個對象，包括兩個屬性。left:相對瀏覽器窗口左邊的距離。top:相對瀏覽器頂部的距離。 $("#div1").offset().left; //返回id為div1相對于瀏覽器窗口最左邊的距離 $("#div1").offset().top; //返回id為div1相對于瀏覽器窗口最頂部的距離 以下例子展示了，當點擊文本框時，在下方顯示一個日期div。緊緊貼住上面的文本框。并且不需要調div的css位置，無論上面的文本框位置如果變化，都能夠緊緊且住上面的文本框，記得在前幾天搞愛的車輪戰報名系閱讀全文 posted @?2012-12-09 10:24?逆心 閱讀(6081) |?評論 (0)?編輯

?

jQuery之動畫效果 摘要: 1、show()顯示效果 語法：show(speed,callback) Number/String,Function　speend為動畫執行時間，單位為毫秒。也可以為slow","normal","fast"　callback可選,為當動畫完成時執行的函數。 show(speed,[easing],callback) Number/String easing默認是swing,可選linear; $("#div1").show(3000,function(){ alert("動畫顯示完成!"); });?閱讀全文 posted @?2012-12-08 14:13?逆心 閱讀(12789) |?評論 (0)?編輯

?

jQuery插件之validate 摘要: 一、jQuery.validate簡介 jQuery.validate.js插件用于對表單輸入進行驗證，其使用配置非常簡單。支持多事件觸發，自帶多種驗證規則，還支持自定義驗證規則。 1、配置方法 先導入jQuery庫，然后導入Validate插件，如果是中文提示還需要導入messages_z...閱讀全文 posted @?2012-12-05 23:15?逆心 閱讀(5072) |?評論 (0)?編輯

?

jQuery開發經驗實例筆記 摘要: jQuery獲取文件選擇輸入框的擴展名var file=$("input[name='file']").val()var filename=file.replace(/.*(\/|\\)/, ""); //文件名var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; //擴展名今天在用ajaxfileupload時，遇到一個要刷新一次頁面才能再次上傳，用live()方法來綁定<input type="f閱讀全文 posted @?2012-12-04 23:51?逆心 閱讀(918) |?評論 (0)?編輯

?

jQuery之事件 摘要: 一、事件列表 1.blur() 當失去焦點時觸發。包括鼠標點擊離開和TAB鍵離開。 2.change() 當元素獲取焦點后，值改變失去焦點事觸發。 3.click() 當鼠標單擊時觸發。 4.dblclick() 當鼠標雙擊時觸發。 5.error() ...閱讀全文 posted @?2012-11-26 12:38?逆心 閱讀(1062) |?評論 (0)?編輯

?

jQuery之DOM 摘要: 1.jQuery屬性。獲取元素屬性的語法:attr(name) 例子：$("#img1").attr("src");設置元素單個屬性的語法:attr(key,value) 例子：$("#img1").attr("src","2.jpg");設置元素多個屬性的語法：attr({key0:value0,key1:value1}) 例子：$("#img1").attr({src:"3.jpg",title:"jQuery換了一張圖片"});通閱讀全文 posted @?2012-11-20 23:18?逆心 閱讀(976) |?評論 (1)?編輯

?

jQuery之選擇器 摘要: 基本選擇器： #id 根據Id匹配一個元素 .class 根據給定的類名匹配一個元素 element 根據元素名匹配一個元素 * 匹配所有元素 selecttor1,selector2 并集，返回兩個選擇器匹配到的元素層次選擇器： ancestor descendant 根據祖先匹配所有的后代元素 parent>child 根據父元素匹配所有的子元素，直接后代 prev+next 匹配下一個兄弟元素 相當于next()方法 prev~siblings ...閱讀全文

轉載于:https://www.cnblogs.com/zxtceq/p/5212549.html

總結

以上是生活随笔為你收集整理的前端：jQuery笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。