JavaScript

1. 取整同時轉成數值型： '10.567890′|0 結果: 10 '10.567890′^0 結果: 10 -2.23456789|0 結果: -2 ~~-2.23456789 結果: -2 2. 日期轉數值： var d = +new Date(); //1295698416792 3. 類數組對象轉數組： var arr = [].slice.call(arguments) 4. 漂亮的隨機碼： Math.random().toString(16).substring(2);

例子如下: 複製代碼 代碼如下: <html> <body> <h2>通過 JSON 字串來建立對象</h3> <p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script

一方面出於對mootools的興趣(雖然沒有jQuery那麼hot), 另一方面,也是想為mootools的推廣添一點小小的力量,雖然這微不足道.加上前面發布過的2個mootools組件, 寫下來總的感覺是:在效果實現方面, 確實用jQuery編寫要比用mootools來的容易快速的多, 因為在很多細節問題上jQuery已經為我們考慮了.比如mootools-core沒有類似slideUp/Down這樣的方法, 如果不引入擴充庫的話,你得自己用Fx類來實現,

就足以說明介面在物件導向的領域中有多重要。但JS卻不像其他物件導向的進階語言(C#,Java,C++等)擁有內建的介面機制，以確定一組對象和另一組對象包含相似的的特性。所幸的是JS擁有強大的靈活性(我在上文已談過)，這使得模仿介面特性又變得非常簡單。那麼到底是介面呢？ 介面，為一些具有相似行為的類之間(可能為同一種類型，也可能為不同類型)提供統一的方法定義，使這些類之間能夠很好的實現通訊。 那使用介面到底有哪些好處呢？簡單地說，可提高系統相似模組的重用性，使得不同類的通訊更加穩固。一旦實現介面，

jQuery為開發外掛程式提拱了兩個方法，分別是： jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 為擴充jQuery類本身.為類添加新的方法。 jQuery.fn.extend(object);給jQuery對象添加方法。 fn 是什麼東西呢。查看jQuery代碼，就不難發現。 複製代碼 代碼如下: jQuery.fn = jQuery.prototype = { 　　　init:

先看介面代碼： 複製代碼 代碼如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="3"> <tr> <td> 請選擇汽車類型： </td> </tr>

簡單來說，jQuery validation外掛程式就是來校正表單form裡面元素輸入的內容是否滿足商務規則，如果不滿足，可以給出使用者自訂的提示資訊。該外掛程式不僅預設有一些校正規則，如校正內容是否為空白，內容的長度是否符合給定的值，還可以根據使用者自訂商務規則，而且錯誤提示資訊，也可以根據使用者的要求自訂顯示。看來這個外掛程式的功能確實很強大，是不是迫不及待想使用了。好的，那我們就開始簡介如何使用它。 jQuery validation 外掛程式：http://plugins.jquery.

jQuery允許開發人員使用從CSS1到CSS3幾乎所有的選取器，以及jQuery獨創的進階而複雜的選取器。另外還可以加入外掛程式使其支援XPath選取器，甚至開發人員可以編寫屬於自己的選取器(即選取器外掛程式，參考上篇：jQuery外掛程式原來如此簡單——jQuery外掛程式的機制及實戰)。正是jQuery強大的選取器功能，讓它很容易上手，吸引了大批的開發人員，本文就來介紹一下強大的jQuery選取器。 jQuery選取器類型 　　jQuery選取器主要分為四類： 　　1、基本選取器 　　2、

添加到String.prototype中的方法比較多，不過歸結起來，大致分為下面幾類：分類方法名 原始能力增強              strip |  include  |  startsWith  |  endsWith |  empty |  blank格式camelize |

通過下面的代碼可以實現這種切換的效果。 首先我們來看介面： 介面代碼： 複製代碼 代碼如下: <body> <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 200px;"> <table cellpadding="3" cellspacing="3" border="0"> <tr>

代碼： 複製代碼 代碼如下: <!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="

這樣的形式執行： 複製代碼 代碼如下: d.wait(3000).run(function(m){ //等待3秒 alert('從前有座山'); }).wait(1000).run(function(m){ //等待1秒 alert('山裡有座廟'); }).wait(2000).run(function(m){ //等待2秒 alert('廟裡有一個老和尚給一個小和尚講故事'); }).wait(3000).run(function(m){ //等待3秒 alert('講的故事是:'); })

要在二維空間類比出三維的效果，就需要把三維的座標轉換成二維座標。一個最基本依據是：東西越遠，看到大小就越小，座標越往消失點靠攏。 　　透視公式： 　　 scale = fl / (fl + z); 　　 scale是大小的比例值，0.0到1.0之間，fl是觀察點到成像面的距離，通常這個值是固定，z就是物件的三維空間中的z軸。

先初始化兩個變數, 請注意其細微差別: 複製代碼 代碼如下: var a=$('<a class="link">'); var b=$('<a class="link"/>'); // 不能單單使用$('<a>'), 因為jQuery對之進行了最佳化 複製代碼 代碼如下: typeof a[0]; // 'object' typeof b[0]; // 'object' IE(6|7|8)下的表現: 複製代碼 代碼如下: typeof a[0]; // '

這個時間組件以前發過一次,上次那個很爛,這次有時間了,把這個升級了,效能更好,完美相容所有瀏覽器,ie6下拉select檔不住的問題 也解決了.總之,差不多也算一個完美的時間組件, 線上demo nothingDemo 突然發現下面的代碼裡面有個運行代碼可以看線上demo,就再最下面 然後貼出源碼,只有一點簡單的說明 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

首先看看這兩個單詞的英文釋義（來自有道詞典）。先是property： 複製代碼 代碼如下: property ['prɔpəti] n. 性質，效能；財產；所有權 英英釋義： any area set aside for a particular purpose “the president was concerned about the property across from the White House” 同義字：place something owned; any

補充一點： 要禁止移動中選中文字，FF可以設定CSS xxxx{-moz-user-select:none;} 其他的瀏覽器可以設定 XXXX.onselectstart = function(){return false} 一種實現原理就是點擊沒目標元素之後，建立一個佔位元素（或者複製一份目標元素，即拷貝B），然後拖動目標元素（或者複製的來的新元素B）； 找到相應的位置之後，插入目標元素。清除佔位元素或者B。 比如有一個列表： 複製代碼 代碼如下: <!DOCTYPE html

1.只能輸入數字和英文的： <input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1"> 2.只能輸入數位： <input onkeyup="value=value.replace(/[^/d]/g,

但感覺這樣寫很沒意思。 jquery的優勢就是簡單的代碼就能帶來更好的使用者體驗。 所以就找幾個我感覺實用的例子，拿出來介紹下。順帶把其中用到的操作和事件介紹下。 html代碼： <input type="text" id="address" value="請輸入郵箱地址"/> jquery代碼： 複製代碼 代碼如下: $(document).ready(function(){ $('#address').focus(function(){ var add_value=$(this)

複製代碼 代碼如下: var obj = {length:0,splice:function(){}} console.log(obj) 猜猜上面會列印出啥？ 沒錯，列印出來的看起來是一個空數組。。。 在FIREBUG裡如果一個對象同時擁有length屬性和splice方法，就會被firebug顯示為數組的形式。。。 如果以前注意過的話就會發現JQUERY就是這麼寫的，通過選取器列印出來的看起來跟數組一樣。