Time of Update: 2013-10-17
複製代碼 代碼如下: // JavaScript Document ;(function($){ $.fn.extend({ "zj_ppt":function(value){ //預設參數定義 var $this = $(this); value = $.extend({ "time":2000, //間隔變化動畫時間 "con":0, "sto":true, "count":"count", //切換小圖的父級class名字 "src":"src", //切換小圖片路徑 "src_cur":
Time of Update: 2013-10-17
所以還是自己動手豐衣足食,還是堅持簡單就是美的代碼風格。 試試在iframe裡嵌入一個測試頁面,你可以使用滑鼠拖動項目,調整分類: 當然,這並不是我要的最終效果,只能說它已經實現了一個我想要的拖放效果。我要求的在這個基礎上,還要增加自動排序,位置變更後恢複之前元素bind的jQuery事件等。 代碼 代碼如下,如要複製,請先查看純文字版本! 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>Drag &
Time of Update: 2013-10-17
1、函數的建立 由於前面已經用了很多的函數,我就不在這裡多分享了。 2、嵌套函數 複製代碼 代碼如下: function china() { function people()//嵌套函數,只有china用它 { document.write("我的心愿是當杜甫,最近網上他的漫畫,他活的好瀟洒"); } people(); } 3、函數的直接量 Javascript允許函數用直接量來定義,說白了就是一個運算式,(匿名函數)。細節:匿名函數以後會用,要明白! 複製代碼 代碼如下:
Time of Update: 2013-10-17
我們在定義函數的時候,函數定義的時候函數本身就會預設有一個prototype的屬性,而我們如果用new 運算子來產生一個對象的時候就沒有prototype屬性。我們來看一個例子,來說明這個 複製代碼 代碼如下: function a(c){ this.b = c; this.d =function(){ alert(this.b); } } var obj = new a('test'); alert(typeof obj.prototype);//undefine alert(typeof
Time of Update: 2013-10-17
解決辦法: 複製代碼 代碼如下: $('input[type="checkbox"]').bind('click',function() { $(this).prop('checked').checkboxradio("refresh"); // 綁定事件及時更新checkbox的checked值 }); 如果要用js去改變checkbox的值時也要及時重新整理。 複製代碼 代碼如下: $('input
Time of Update: 2013-10-17
儘管很多的開發人員都樂於頌揚javascript,但是仍舊有人看到它的陰暗面。 使用很多javascript代碼的web頁面會載入很慢,過多的使用javascript使得網頁醜陋和拖遝。很快如何有效地使用javascript成為一個非常火熱的話題。 這裡讓我們列出10個最佳javascript實踐,協助你有效地使用javascript。 1. 儘可能的保持代碼簡潔 可能大家都聽到過了N遍這個代碼簡潔問題了。作為一個開發人員你可能在你的代碼開發過程中使用了很多次,但千萬不要在js開發中忘記這點。
Time of Update: 2013-10-17
如: 複製代碼 代碼如下: editCityStore.load({ params: { provinceID: proid }); Ext.getCmp('city-id-name').setValue(cityid); 由於是store是非同步載入的,所以他會先賦值再填儲值到ComboBox,,這裡就需要用: 當載入完成後再進行賦值 : 複製代碼 代碼如下: editCityStore.load({ params: { provinceID: proid }, callback:
Time of Update: 2013-10-17
這兩天有個前同事總在問我Javascript物件導向的東西,所以,索性寫篇文章讓他看去吧,這裡這篇文章主要想從一個整體的角度來說明一下Javascript的物件導向的編程。(成文比較倉促,應該有不準確或是有誤的地方,請大家批評指正) 另,這篇文章主要基於 ECMAScript 5, 旨在介紹新技術。關於相容性的東西,請看最後一節。 初探 我們知道Javascript中的變數定義基本如下: 複製代碼 代碼如下: var name = 'Chen Hao';; var email = 'haoel(
Time of Update: 2013-10-17
上個月研究學習了《js判斷一個元素是否為另一個元素的子項目》,感覺還挺好用,但是在jQuery應用中還是有很多缺陷,比如多個元素的時候寫起來就不是很方便。所以寫了比較簡單的jQuery判斷一個元素是否為另一個元素的子項目(或者其本身)的兩個擴充: 複製代碼 代碼如下: //判斷:當前元素是否是被篩選元素的子項目 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); };
Time of Update: 2013-10-17
代碼如下: 複製代碼 代碼如下: function ObjRegExp(){ var newStr= "Drive someone up a wall"; newStr = newStr.replace(new RegExp(/\s/ig),""); var objJson = {}; for(var i = 0 ;i < newStr.length ; i++) { var objChar = newStr.charAt(i); if(objJson[objChar]){
Time of Update: 2013-10-17
jQuery二級聯動外掛程式:jQuery.selected 一個頁面可以引用多個聯動效果,使用方法: 配置js: 複製代碼 代碼如下: var defaults = { NextSelId: '#Select2', SelTextId: '#Text1', Separator: '--', SelStrSet: [ { name: '請選擇', subname: '請選擇'}, { name: '★高起本★', subname: '電腦科學與技術|漢語言文學' }, { name:
Time of Update: 2013-10-17
自訂主要通過兩種方式實現$.extend({aa:function(){}});$.fn.extend({aa:function(){}});調用的方法分別是:$.aa();$($this).aa();注意:建立函數時不要放在 $(function() { }中,調用時候要放在事件裡面$($this).click(function(){$.aa();});jQuery.extend
Time of Update: 2013-10-17
他的屬性也很豐富,因為我很懶,我就直接複製手冊裡的東西了:
Time of Update: 2013-10-17
each()遍曆元素(k1) 複製代碼 代碼如下: $(document).ready(function () { $("#btn").html("each()遍曆元素").click(function (event) { $("div").each(function (index) { $(this).html("這是第" + index + "個div"); }); event.preventDefault(); }); }); 擷取屬性的值(k1)attr(name) 複製代碼
Time of Update: 2013-10-17
2.9 運算子 2.9.1、一元運算子 一元運算子只有一個參數,即要操作的對象或值。 1、delete:刪除對以前定義的對象屬性或方法的引用,但此運算子不能刪除開發人員未定義的屬性和方法。樣本: 複製代碼 代碼如下: var o=new Object; o.name="Nicholas"; o.show=function(){ return "test"; }; console.log(o.name); //outpus Nicholas console.log(o.show()); /
Time of Update: 2013-10-17
最終效果: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>彈出層外掛程式:jquery.artwl.thickbox.js</title> <script src="/js_lib/jQuery-1.7.1.js"
Time of Update: 2013-10-17
JQuery魔力(一)$("tagName") DOM 中的 getElementsByTagName()方法在JQuery中的表現就是$("tagName")這麼簡單! 匿名函數來解決 window.onload 事件 對頁面上的所有"div"標記下手,定義統一的外觀 對"body"標記定義外觀 動態添加一個"span"標記將其放置在"body"裡 複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head>
Time of Update: 2013-10-17
第一個項鏈實現原理將img的src屬性設為同一張圖片: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>項鏈</title> <style type="text/css"> *{margin: 0px;padding: 0px;} .cont{width: 1100px;overflow: hidden;margin: 0 auto;} .div1, .div7{width:
Time of Update: 2013-10-17
用JQUERY增刪元素JQuery有增加和刪除元素的方法。主要分為內部插入,外部插入,包裹,替換,刪除。內部插入主要方法:append(content) 向每個匹配的元素內部追加內容。prepend(content) 向每個匹配的元素內部前置內容。外部插入:after(content) 在每個匹配的元素之後插入內容。before(content) 在每個匹配的元素之前插入內容。刪除:empty() 刪除匹配的元素集合中所有的子節點。remove([expr])
Time of Update: 2013-10-17
function add(x) {________}; alert(add(2)(3)(4)); //填空,使結果為9 解法一, 複製代碼 代碼如下: //貘大 function add(x) { var c = 0; return function(x) { c = c + x ; arguments.callee.toString = function(){ return c; }; return arguments.callee; }(x); }; alert(add(2)(3)(4));