Time of Update: 2013-10-17
第一種寫法: 複製代碼 代碼如下: $(function(){ $("li").not(":even").css("color","red"); $("li").filter(":odd").css("color","red"); }) 第二種寫法: 複製代碼 代碼如下: $(function(){ $("li").filter(function(index) { return index%2 == 0; }).css("color","red"); $("li").not(function(
Time of Update: 2013-10-17
線上示範:http://demo.jb51.net/js/2012/callboard/jQuery代碼 複製代碼 代碼如下: //第二版:Newton改造 (function (win){ var callboarTimer; var callboard = $('#callboard'); var callboardUl = callboard.find('ul'); var callboardLi = callboard.find('li'); var liLen = callboard.
Time of Update: 2013-10-17
為了做這件事,除了jquery庫和idTabs外掛程式,我們還需要下載一個用來搞URL的外掛程式:jquery.url.js,傳送門:https://github.com/allmarkedup/jQuery-URL-Parser (上述連結可能有錯,如不能使用,可以到這裡下載) 指令碼之家提供idtabs打包下載 http://www.jb51.net/jiaoben/43086.htmlTab菜單的HTML代碼這樣寫,每個tab的div自己搞定,不發出來浪費頁面了: 複製代碼 代碼如下: &
Time of Update: 2013-10-17
下面我就寫幾個給大家看看 一,點擊傳參方法 複製代碼 代碼如下: <script> function tab(dom){ var list = document.getElementById("list").getElementsByTagName("li"); var con = document.getElementById("con").getElementsByTagName("div"); for(var i=0;i<list.length;i++){
Time of Update: 2013-10-17
另外,還有一個很重 要的事情是,在Win32上,mouse move的事件不是一個連續的,也就是說,並不是我們每次移動1px的滑鼠指標,就會發生一個mousemove,windows會周期性檢查mouse 的位置變化來產生mousemove的事件。 所以,如果是一個很小的頁面對象,比如一個直徑5px的圓點,如果沒有setCapture和 releaseCapture,那麼在滑鼠按住之後,快速的移動滑鼠,就有可能滑鼠移動走了,但是小圓點還在原地,就是因為下一次的mousemove事
Time of Update: 2013-10-17
無標題文檔 x x [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2013-10-17
廢話不多說,開始今天的主題。縱觀這個程式,感覺它的最可貴之處,在於展示了,如何用nodejs實現長連結模式的重新整理技術。 (這個程式不詳細介紹,重點講解這個功能) Client.js 首先看一段核心代碼: 複製代碼 代碼如下: function longPoll (data) { //....此處省略**行 $.ajax({ cache: false , type: "GET" , url: "/recv" , dataType: "json" , data: { since:
Time of Update: 2013-10-17
前面一章,我們介紹了Node.js這個面向互連網服務的JavaScript伺服器平台,同時Node.js的運行環境已經搭建起來,並通過兩段HelloWorld程式驗證了Node.js的準系統。本章我們同樣通過實戰的演練,利用Node.js建立一個簡單的Web伺服器。 如果你熟悉.NET或其他類似平台的Web開發,你可能會像,建立一個Web伺服器有什麼,在Visual Studio中建立一個Web工程,點擊運行即可。事實的確是這樣,但請不要忘記,這樣的代價是,
Time of Update: 2013-10-17
複製代碼 代碼如下: function 類名(參數表){ this.屬性; ...... this.函數; } 這樣,函數和資料成員都是用“this.”來實現。 我們自己定義一個簡單類student好了,然後再去構造它,並且實現一個輸出函數。 複製代碼 代碼如下: <script LANGUAGE="JavaScript"> <!-- function student(a,b){ this.name = a; this.age=b; this.output=function(
Time of Update: 2013-10-17
複製代碼 代碼如下: <asp:GridView ID="gvReceipt" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="Grid" > <Columns> <asp:TemplateField> <ItemTemplate > <input type="checkbox" id="chkReceipt" value=
Time of Update: 2013-10-17
複製代碼 代碼如下: $.ajax({ type: "GET", url: "Services/EFService.svc/Members", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { // Play with returned data in JSON format }, error: function (msg) {
Time of Update: 2013-10-17
因為許多 JavaScript 庫使用 $ 作為函數或變數名,jquery也一樣。其實$只是jquery的一個別名而已,假如我們需要使用 jquery 之外的另一 js 庫,我們可以通過調用 $.noConflict() 向該庫返回控制權。下面是收集到解決這一問題的五種方案,總有一種你會用得上的。 例一: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
Time of Update: 2013-10-17
文字框失去焦時間點事件、獲得焦時間點事件 onBlur:當失去輸入焦點後產生該事件 onFocus:當輸入獲得焦點後,產生該檔案 Onchange:當文字值改變時,產生該事件 Onselect:當文字加亮後,產生該檔案 onpropertychange 當屬性改變發生該事件 無論粘貼 keyup onchange等,最為敏感 先來看javascript的直接寫在了input上複製代碼 代碼如下:<input name="pwuser" type="text"
Time of Update: 2013-10-17
比如本人網站的搜尋方塊:不使用的時候:滑鼠點擊後:用JQuery實現這個效果非常簡單,下面是代碼:複製代碼 代碼如下: $(document).ready(function () { var searchBox = $("#ctl00_txtSearch"); searchBox.focus(function () { if (searchBox.val() == this.title) { // TextBox控制項ToolTip屬性轉換為Html為title屬性 searchBox.val(
Time of Update: 2013-10-17
複製代碼 代碼如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>js郵箱地址跳轉</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> var hash={ 'qq.com'
Time of Update: 2013-10-17
因為要新作系統,因此對於JS指令碼又重新研究了一下。在對新的URL編碼的時候發現,網頁編碼的格式對於JS的影響很大,在這裡書寫一點。 {var B=siteUrl+this.actionUrl+(this.type==="all"?"":this.type)+"&SearchWord="+encodeURIComponent(A).replace(/'/g,"%27");$redirect(B)}} 在製作的時候,發現傳出去的資料包的編碼全部是UTF-8格式的,而在改正網頁編碼後也同樣沒有反映,
Time of Update: 2013-10-17
2.9.5、加性運算子 加性運算子(即加號和減號)通常是最簡單的運算子,不過在ECMAScript中,每個加性運算子都有大量的特殊行為。 1、加法運算子: 複製代碼 代碼如下: var iResult=1+2; console.log(iResult);//outputs 3 特殊性: 某個運算數是NaN,結果為NaN Infinity加Infinity,結果為Infinity -Infinity加-Infinity,結果為-Infinity
Time of Update: 2013-10-17
先說說常用的Form外掛程式,支援Ajax,支援Ajax檔案上傳,功能強大,基本滿足日常應用。 1、最新JQuery架構軟體包下載 jquery.js壓縮包 jquery.js非壓縮包 2、Form外掛程式下載 form.js 3、Form外掛程式的簡單入門 第一步:先增加一個表單 代碼: 複製代碼 代碼如下: <form id="myForm" action="comment.php" method="post"> Name: <input type="text" name=
Time of Update: 2013-10-17
原來Jquery就是一個javascript寫的一個庫,它給我們提供了很多常用的方法,使用這些方法可以相容多種瀏覽器,使用它可以達到很好的動畫效果,下面就來看看那些年的學習筆記吧一、$符號 1、選取器 可以選擇html標籤,也可選擇ID,Class等 如下: 複製代碼 代碼如下: <script type="text/javascript"> $( function() { $("table.datalist
Time of Update: 2013-10-17
解決方案,用以下方法載入js: 複製代碼 代碼如下: var loadScript = function(url, callback, charset){ var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); if(charset){ script.charset = charset; } script.src = url; if(!callback)