必備的實用jquery程式碼段

本文會給你們展示42個jquery程式碼片段，這些程式碼能夠給你的javascript專案提供幫助。其中的一些程式碼段是從jQuery1.4.2才開始支援的做法，另一些則是真正有用的函式或方法，他們能夠幫助你又快又好地把事情完成。

1. 如何修改jQuery預設編碼（例如預設UTF-8改成改GB2312）：

$.ajaxSetup({
	ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} 
});

2. 解決jQuery, prototype共存，$全域性變數衝突問題：

<script src="prototype.js"></script><script src="http://blogbeta.blueidea.com/jquery.js"></script><script type="text/javascript">
      jQuery.noConflict();
</script>

注意：一定要先引入prototype.js 再引入jquery.js，先後順序不可錯。

3. jQuery 判斷元素上是否綁定了事件

//jQuery event封裝支援判斷元素上是否綁定了事件，此方法只適用於jQuery繫結的事件 
var $events = $("#foo").data("events");
if( $events && $events["click"] ){
　　//your code}

4. 如何使用jQuery來切換樣式表

//找出你希望切換的媒體型別（media-type），然後把href設定成新的樣式表。$('link[media='screen']').attr('href', 'alternative.css');

5. 如何限制選擇範圍（基於優化目的）：

//儘可能使用標籤名來作為類名的字首，
//這樣jQuery就不需要花費更多的時間來搜尋
//你想要的元素。還要記住的一點是， 

//針對於你的頁面上的元素的操作越具體化，
//就越能降低執行和搜尋的時間。var in_stock = $('#shopping_cart_items input.is_in_stock');

<ul id="shopping_cart_items"><li><input type="radio" value="Item-X" name="item" class="is_in_stock" /> Item X</li><li><input type="radio" value="Item-Y" name="item" class="3-5_days" /> Item Y</li><li><input type="radio" value="Item-Z" name="item" class="unknown" /> Item Z</li></ul>

6. 如何正確地使用toggleClass：

//切換（toggle）類允許你根據某個類的
//是否存在來新增或是刪除該類。
//這種情況下有些開發者使用：a.hasClass('blueButton') ? a.removeClass('blueButton') : a.addClass('blueButton');
//toggleClass允許你使用下面的語句來很容易地做到這一點a.toggleClass('blueButton');

7. 如何設定IE特有的功能：

if ($.browser.msie) {
// Internet Explorer就是個虐待狂}

8. 如何使用jQuery來代替一個元素：

$('#thatdiv').replaceWith('fnuh');

9. 如何驗證某個元素是否為空：

// 方法一if (! $('#keks').html()) {
//什麼都沒有找到;}

// 方法二if ($('#keks').is(":empty")) {
//什麼都沒有找到;}

10. 如何從一個未排序的集合中找出某個元素的索引號

$("ul > li").click(function () {
　　var index = $(this).prevAll().length; //prevAll([expr]): 查詢當前元素之前所有的同輩元素});

11. 如何把函式繫結到事件上：

//
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    50個必備的實用jQuery程式碼段
       
 
  
 文章轉載來自:http://www.open-open.com/bbs/view/1319168320749  
 1. 如何修改jQuery預設編碼（例如預設UTF-8改成改GB2312）： 
  
  $.ajaxSetup({
	ajaxSettings:{ contentType:"a 

  
 

    

    
    【轉】50個必備的實用jQuery程式碼段
      
本文會給你們展示50個jquery程式碼片段，這些程式碼能夠給你的javascript專案提供幫助。其中的一些程式碼段是從jQuery1.4.2才開始支援的做法，另一些則是真正有用的函式或方法，他們能夠幫助你又快又好地把事情完成。如果你發現你任何可以做得更好的地方的話，歡迎把你的版本貼上在評論中!
1. 如 

  
 

    

    
    必備的實用jquery程式碼段
      
                
本文會給你們展示42個jquery程式碼片段，這些程式碼能夠給你的javascript專案提供幫助。其中的一些程式碼段是從jQuery1.4.2才開始支援的做法，另一些則是真正有用的函式或方法，他們能夠幫助你又快又好地把事情完成。
1. 如何修改jQuery預設編碼（例 

  
 

    

    
    50個實用jQuery程式碼段
      
                下面50個jquery程式碼片段。其中的一些程式碼段是從jQuery1.4.2才開始支援的做法，另一些則是真正有用的函式或方法，1. 如何修改jQuery預設編碼（例如預設UTF-8改成改GB2312）： $.ajaxSetup({ ajaxSettings:{ conten 

  
 

    

    
    實用jQuery程式碼段
      
                
1. 如何建立巢狀的過濾器：
1.  //允許你減少集合中的匹配元素的過濾器， 
2.  //只剩下那些與給定的選擇器匹配的部分。在這種情況下， 
3.  //查詢刪除了任何沒（:not）有（:has） 
4.  //包含class為“selected”（.selected 

  
 

    

    
    N個必備的實用jQuery代碼段
      有時   bar   中文標點   wid   val   conf   cto   按鈕   false   jQuery(function() {
 /*         <input type="password" name="pass" id="pass" />             & 

  
 

    

    
    幾個非常實用的JQuery程式碼片段
      jQuery是一個相容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)。jQuery使使用者能更方便地處理HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，並且方便地為網站提供AJAX互動。jQuery還有一個比較大的優勢是，它的文件說 

  
 

    

    
    幾個實用的CSS程式碼段總結
        
　　廢話不多說，直接上程式碼，希望能幫到有需要的小夥伴 
  
　　①：遮罩 
　　 
  
 
  　　position: fixed;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    rig 

  
 

    

    
    經驗分享：10個簡單實用的 jQuery 程式碼片段
      　　儘管各種 JavaScirpt 框架和庫層出不窮，jQuery 仍然是 Web 前端開發中最常用的工具庫。今天，向大家分享我覺得在網站開發中10個簡單實用的 jQuery 程式碼片段。
您可能感興趣的相關文章


平滑滾動到錨點
　　這個功能很常見，在網站底部新增一個讓訪客快速回到頁面頂部的功能 

  
 

    

    
    使用Jquery動態顯示年月日星期時間的程式碼段
      
                
<script src="/js/jquery-1.8.3.min.js" type="text/javascript"></script>    

        function getDate() {
            var toda 

  
 

    

    
    簡單實用jquery實現數字讀秒的倒計時程式碼
      
								
								            
						
                
<script type="text/javascript">  
  
var intDiff = parseInt(900000);//倒計時總秒數量  
  
function ti 

  
 

    

    
    前端使用者體驗優化： JS & CSS 各類效果程式碼段
      前言 
 
 不定時更新 
 線上預覽 https://zzyper.github.io/opti...  
 線上預覽的原始碼 https://github.com/zzyper/opt...  
 部分內容僅相容webkit核心，其他核心自行查詢 
 
可控密度的虛線分隔線 css 

.line {
  

  
 

    

    
    程序0的LDT0程式碼段描述符分析
       
 
  
  
 LDT0的值為 
 ····
    	{ \
    		{0,0}, \
    /* ldt */	{0x9f,0xc0fa00}, \
    		{0x9f,0xc0f200}, \
    	},
···
 
 其中第二項{0x9f,0xc0fa00}為程式碼段的描述符。 
 

  
 

    

    
    wordpress 新增程式碼段時防止 span 標籤被過濾
       
 
 在編輯文章時新增 html 程式碼段,wordpress 可能會自動過濾掉 span標籤,那麼如何阻止 wordpress 自動過濾到 span 標籤,將以下程式碼放到啟用主題的 functions.php 檔案中便可以解決這個問題. 
 //ALLOW SPAN TAG IN WORDPRESS  

  
 

    

    
    [UWP]為附加屬性和依賴屬性自定義程式碼段（相容UWP和WPF）
      1. 前言 
之前介紹過依賴屬性和附加屬性的程式碼段，這兩個程式碼段我用了很多年，一直都幫了我很多。不過這兩個程式碼段我也多年沒修改過，Resharper老是提示我生成的程式碼可以修改，它這麼有誠意，這次就只好從了它，順便簡單介紹下怎麼自定義程式碼段。 
2. VisualStudio自帶程式碼段的問題 
以 

  
 

    

    
    C# 檔案操作程式碼段儲存
       
 
   
 C# 檔案操作大全 
 1.建立資料夾 //using System.IO; Directory.CreateDirectory(%%1); 
 2.建立檔案 //using System.IO; File.Create(%%1); 
 3.刪除檔案 //using System. 

  
 

    

    
    儲存OpenGL視窗每一幀程式碼段（freeimage庫）
       
 
 儲存OpenGL視窗每一幀程式碼段（freeimage庫） 
 char screenshotOrder[10];
sprintf_s(screenshotOrder, "%05d", screenshotNum);
string screenshotName = screenshotOrder;
 

  
 

    

    
    window下執行緒同步之（Critical Sections（關鍵程式碼段、關鍵區域、臨界區域)----轉載
      轉載：https://www.cnblogs.com/cyblogs/p/9948379.html 

  
 
 
  
   關鍵區域(CriticalSection) 
  臨界區是為了確保同一個程式碼片段在同一時間只能被一個執行緒訪問,與原子鎖不同的是臨界區是多條指令的鎖定,而原子 

  
 

    

    
    記憶體管理中的程式碼段、資料段，棧，堆
       
 
 1.函式程式碼存放在程式碼段。宣告的類如果從未使用，則在編譯時，會優化掉，其成員函式不佔程式碼段空間。 
 全域性變數或靜態變數，放在資料段， 區域性變數放在棧中， 用new產生的物件放在堆中， 
 記憶體分為4段，棧區，堆區，程式碼區，全域性變數區 
 BSS段：BSS段（bss segment） 

  
 

    

    
    資料段、程式碼段、堆疊段、BSS段 學習整理
       
 
 
 今天寫程式的時候發現生成的exe比前兩天的大了很多，故上網查了一下記憶體相關知識，總結一下 
 5個數據段  
 程序（執行的程式）會佔用一定數量的記憶體，它或是用來存放從磁碟載入的程式程式碼，或是存放取自自使用者輸入的資料等。不過程序對這些記憶體的管理方式因記憶體用途不一而不盡相同，