Time of Update: 2018-12-08
終極目的:想做一個方便的排序功能。 具體實現:點擊後可以輸入排序的數字編號,移開後自動更新資料庫。 1,我想把這個功能用<span>來完成,也就需要一個在頁面上監控指定的span的東西,他就是: ready(fn)當DOM載入就緒可以查詢及操縱時綁定一個要執行的函數。 $(document).ready(function(){ // 在這裡寫你的代碼... });
Time of Update: 2018-12-08
附加事件 其中經我測試,IE/Opera屬於同一類型,使用attachEvent即可添加滾輪事件。 複製代碼 代碼如下:/*IE註冊事件*/ if(document.attachEvent){ document.attachEvent('onmousewheel',scrollFunc); } Firefox使用addEventListener添加滾輪事件 複製代碼 代碼如下:/*Firefox註冊事件*/ if(document.addEventListener){
Time of Update: 2018-12-08
複製代碼 代碼如下:<div><a onclick="news_pro('1.1')">1</a></div> <div id="1.1" > <div> <a onclick="news_pro('1.1.1')">1.1</a></div> </div> 這就出現兩次類別了,點父級顯示(隱藏)子級菜單,JS代碼也就一句話: 複製代碼 代碼如下:function
Time of Update: 2018-12-08
方法要達到的效果是:“ 改變一節點的選中狀態時,其後代節點選中狀態也要跟隨當前節點的選中狀態改變而改變。當前節點選中時,其所有祖先節點也要跟著選中;如取消時,要根據其同級節點是否有選中時,來決定其祖先節點的選中狀態。” 說明:樹是用vs的TreeView控制項產生的。 代碼如下: 複製代碼 代碼如下:jQuery(function(){ jQuery(":checkbox").click(function(){ var objNode = this; var
Time of Update: 2018-12-08
1.利用CSS的基本選取器: a:匹配所有連結<a>元素。 #*:匹配id為*的元素 .*:匹配CSS類為*的元素 a#*id.*class:匹配id為*id,並擁有CSS類為*class的連結元素。 以上是CSS中的寫法,在jQuery中用$("")包起來,如:jQuery("p a.Class") 利用子選取器、容器選取器和特性選取器,以下面的為例: 複製代碼 代碼如下:<ul class="myList"> <li><a
Time of Update: 2018-12-08
通過事件的which可以找到鍵碼 不過當有按鍵組合的時候還需要注意一下 如ctrl+enter鍵,雖然都是用e.ctrlKey但是 enter鍵的鍵碼不是始終為13了 在ff中 判斷 ctrl+enter 是 e.ctrlKey && e.which ==13 在ie6中 判斷ctrl+enter 是 e.ctrlKey && e.which ==10 樣本: 複製代碼 代碼如下:$(document).keypress(function(e){
Time of Update: 2018-12-08
1、關於頁面元素的引用 通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是jquery對象。 普通的dom對象一般可以通過$()轉換成jquery對象。
Time of Update: 2018-12-08
操作下拉式清單 添加選項列表 $(this).get(0).options.add(new Option(text,value)); 清空列表 $(this).get(0).options.length=0; 刪除指定索引的選項 $(this).get(0).remove(index); 設定需要選中項的值 $(this).get(0).value=value; 擷取當前選中選項的文本 $(this).get(0).options[index].text; 批量修改CSS
Time of Update: 2018-12-08
文章目錄 使用 typeof 運算子檢測各種方法:測試原始的 isFunction 函數方法測試修複後 isFunction 函數方法 jQuery 1.4 源碼 449 行(core.js 431 行),判斷是否為函數的方法如下(思路來源於 Douglas Crockford 的《The Miller Device》):isFunction: function( obj ) {return toString.call(obj) === "
Time of Update: 2018-12-08
。(新手可能認為setTimeout與setInterval是javascript函數,這是錯誤的。新手容易將javascript對象函數與DOM對象方法混淆。)先來一段代碼,大家猜猜在各種瀏覽器下的結果會是怎麼樣的呢? 複製代碼 代碼如下:function f(){ var s = 'arguments.length:'+arguments.length+'; '; for(var i=0,n=arguments.length;i< n;i++){ s += '
Time of Update: 2018-12-08
一、把中間表相應的欄位先刪除,然後再添加 *當單方表是從資料庫中查得持久化對象必須把此對象的set容器用clear()清空, *同時把一對多的級聯設定檔中的級聯風格設定為cascade="all,delete-orphan", *把中間表中要修改的對象對應的資料全部刪除, *通過save()或merge()重新持久化中間表的對象 ------此種方法可以在只修改中間表的資料,而不修改單方表的資料時。 二、通過級聯來修改單方表同時修改中間表
Time of Update: 2018-12-08
很鬱悶,看個部落格嗎,還要在安裝一個瀏覽器?俺很懶,俺就是想要用IE6看! 最近在看jQuery,剛剛入一點門,發現了一個有趣的函數,就拿老趙的部落格做實驗了,哈。 裝入一個 HTML 網頁最新版本。 jQuery 代碼: 複製代碼 代碼如下:$.ajax({ url: "test.html", cache: false, success: function(html){ $("#results").append(html); } }); <div
Time of Update: 2018-12-08
js parsefloat parseint JavaScript提供了3個顯式的類型轉換函式,分別是eval()、parseInt()和parseFloat()。 eval()函數:將字串運算式轉換成數字值。例如,語句total=eval("432.1*10")的結果是total=4321即將數值4321賦予total變數。 parseInt()函數:把字串轉換成整數。返回是從字串的第一個字元開始,如果字元不是以整數開頭則返回0。parseInt()函數還可以轉換十六進位數或十進位數。 例如:
Time of Update: 2018-12-08
我們先來自訂一個事件: 複製代碼 代碼如下:person = function(name) { this.name = name; this.addEvents("walk"); } Ext.extend(person, Ext.util.Observable, { info: function(event) { return this.name + 'is' + event + 'ing.'; } }); var person = new person('張銘諾');
Time of Update: 2018-12-08
JavaScript is an Object Oriented Programming (OOP) language. JS是物件導向的程式設計語言(物件導向)。 (這裡是基於對象還是物件導向大家可以搜尋下)An OOP language allows you to define your own objects and make your own variable types. OOP語言可以讓你自訂對象和變數類型。 -------------------------------------
Time of Update: 2018-12-08
當我們讓div置中時候,一般有兩種方法,一種是固定左右寬度,也就是使用像素絕對位置;另一種是用百分比來相對定位,在這種兩種方式下,絕對位置是不能讓div隨著螢幕而自適應的,而用百分比就可以,但是,是用百分比就會有一個新的問題,如果我們的頁面中有這麼一句 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
Time of Update: 2018-12-08
複製代碼 代碼如下:(function($){ $.navs=function(){ return $('#top_menu_bar > li').each(function(){ $(this).hover( function(){ $(this).find('ul:eq(0)').show(); },
Time of Update: 2018-12-08
複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/
Time of Update: 2018-12-08
海量的jQuery外掛程式帖,很經典,不知道什麼時候開始流傳,很早以前就收藏過,為了工作方便還是發了一份放在日誌裡面。其中有些已經無法訪問,或許是檔案移除,或許是被封鎖。大家分享的東西,沒什麼特別的可說的,唯有感謝無私分享的人們。貓嗔提醒大家在使用的時候注意jQuery包的版本問題,最好是使用相同的版本,因為使用了高版本很有可能出現或多或少的問題。並且其中英文外掛程式在轉換成中文時注意編碼,推薦utf-8。jQuery外掛程式-檔案上傳(File upload)Ajax File Upload.
Time of Update: 2018-12-08
1.精準簡單的選擇對象(dom): 複製代碼 代碼如下:$('#element');// 相當於document.getElementById ("element") $('.element');//Class $('p');//html標籤 $("form > input");//子物件 $("div,span,p.myClass");//同時選擇多種對象 $("tr:odd").css("background-color", "#bbbbff");//表格的 隔行背景