jQueryUI寫一個調整分類的拖放效果實現代碼

所以還是自己動手豐衣足食,還是堅持簡單就是美的代碼風格。 試試在iframe裡嵌入一個測試頁面,你可以使用滑鼠拖動項目,調整分類: 當然,這並不是我要的最終效果,只能說它已經實現了一個我想要的拖放效果。我要求的在這個基礎上,還要增加自動排序,位置變更後恢複之前元素bind的jQuery事件等。 代碼 代碼如下,如要複製,請先查看純文字版本! 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>Drag &

JQuery學習筆錄 簡單的JQuery

JQuery簡介 

jquery 操作DOM的基本用法分享

例子展示: jquery代碼: 複製代碼 代碼如下: <script language="javascript"> $(document).ready(function(){ alert($("ul li:eq(1)").text()); //選取第二個li的值 alert($("p").attr("title")); //選取p的title屬性的值 //追加元素 $('ul').append("<li title='香蕉'>香蕉</li>").append(

深入理解JavaScript系列(14) 範圍鏈介紹(Scope Chain)

前言 在第12章關於變數對象的描述中,我們已經知道一個執行內容 的資料(變數、函式宣告和函數的形參)作為屬性儲存區在變數對象中。 同時我們也知道變數對象在每次進入上下文時建立,並填入初始值,值的更新出現在代碼執行階段。 這一章專門討論與執行內容直接相關的更多細節,這次我們將提及一個議題——範圍鏈。 英文原文:http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/ 中文參考:http://www.denisdeng.com/?p=9

javascript針對DOM的應用分析(二)

其實在原生的也JS也有這些屬性。和JQ幾乎相同但是比JQ少一些。但是用起來卻比JQ麻煩一點。主要因為FF瀏覽器,因為FF會把你的換行也當做一個DOM元素。比如說 複製代碼 代碼如下: <div id = "dom"> <div></div> <div></div> </div> 我用原生的JS擷取ID為dom的元素下的子項目。用我第一章說的方法就是var a = document.getElementById("dom")

Javascript 物件導向編程(coolshell)

這兩天有個前同事總在問我Javascript物件導向的東西,所以,索性寫篇文章讓他看去吧,這裡這篇文章主要想從一個整體的角度來說明一下Javascript的物件導向的編程。(成文比較倉促,應該有不準確或是有誤的地方,請大家批評指正) 另,這篇文章主要基於 ECMAScript 5, 旨在介紹新技術。關於相容性的東西,請看最後一節。 初探 我們知道Javascript中的變數定義基本如下: 複製代碼 代碼如下: var name = 'Chen Hao';; var email = 'haoel(

jQuery中將函數賦值給變數的調用方法

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

Javascript物件導向擴充庫代碼分享

lang.js庫提供了包和類的定義、類的繼承與混合(mixin)、函數重載等功能,基本可滿足大多數物件導向設計的需求。同時支援基於鏈式的定義方式,讓庫在使用時更加規範和便捷。下面首先通過簡單的例子示範了lang.js的準系統,之後給出了lang.js的源碼及注釋。 一.功能介紹 “lang”作為架構的全域定義,其中包括了四個方法: lang.Package(string name) //用於定義包(預設會暴露到全域) lang.Class(string name[, object config]

50款非常棒的 jQuery 外掛程式分享

jQuery 以其外掛程式眾多、獨特、輕量以及支援大規模的網站開發聞名。本文與大家分享50款非常有用的 jQuery 外掛程式,可以根據您的項目需要來選擇使用。1- ZWeatherFeed jQuery Plugin2- JDesktop3- Mocha UI Library4- Pajinate JQuery Plugin5- JQuery Datagrid Plugins6- JQuery Superbox7- Masked Input Plugin8- Sexy Box9-

使用UglifyJS合并/壓縮JavaScript的方法

build.js中的代碼會去調用UglifyJS的介面函數以執行壓縮任務。 1,去github下載最新的UglifyJS。兩種方式下載,如果安裝了git,進入git控制台使用如下命令 git clone git://github.com/mishoo/UglifyJS.git 或者使用http方式下載,點擊zip下載。解壓後其目錄結構如下

nodejs入門詳解(多篇文章結合)

Node.js是一套用來編寫高效能網路伺服器的JavaScript工具包,一系列的變化由此開始。比較獨特的是,Node.js會假設你是在POSIX環境下運行它Linux 或 Mac OS X。如果你是在Windows下,那就需要安裝MinGW以獲得一個仿POSIX的環境。在Node中,Http是首要的。Node為建立http伺服器作了最佳化,所以你在網上看到的大部分樣本和庫都是集中在web上(http架構、模板庫等)。 首先,去http://nodejs.org 下載安裝。我下的版本是0.6.6

javascript 進階篇3 Ajax 、JSON、 Prototype介紹

Ajax 這個詞聽了不少,但是其實並沒有真的接觸過,於是在這裡稍微瞭解一下。 Ajax技術的創新之處在於,改善了傳統的“請求-等待-響應-重新整理-返回資料”模式,在資訊返回之前,使用者可以繼續自己的操作,當前頁面不會因為請求而重新整理。這樣大大的提高了互動性。 Ajax其實並不是一個技術,而是由許多技術組成的。最大的特色之一就是可以非同步傳輸,實現多線程服務。 Ajax的非同步傳輸,依靠的是js中的XMLHttpRequst對象,於是我們從它入手。

Extjs中使用extend(js繼承) 的代碼

註:抄<深入淺出Extjs>書 傳統的js實現繼承操作為: 一:定義一個父類 複製代碼 代碼如下: var BaseClass = function(){ //..... }; BaseClass.prototype.someMethod = function(){ //..... }; BaseClass.prototype.overridenMethod = function(){ //.... } 為BaseClass定義兩個函數someMethod

基於jQuery的彈出框外掛程式

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

JavaScript自訂DateDiff函數(相容所有瀏覽器)

複製代碼 代碼如下: <script type="text/javascript"> function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function TimeCom(dateValue) { var

關於js日期轉化為毫秒數“節省20%的效率和和節省9個字元“問題

最近在看鬆散耦合可定製百度的開源架構tangram.js目光突然就聚焦在一種獲得毫秒數的寫法: (+new Date()) 其實這種寫法也沒什麼就是用運算子轉化日期為number型,於是我肯定這種寫法沒有日期原生寫法(new Date().getTime())效率高 : 於是做了下面測試: 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

情人節之禮 js項鏈效果

第一個項鏈實現原理將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:

用JQUERY增刪元素的代碼

用JQUERY增刪元素JQuery有增加和刪除元素的方法。主要分為內部插入,外部插入,包裹,替換,刪除。內部插入主要方法:append(content) 向每個匹配的元素內部追加內容。prepend(content) 向每個匹配的元素內部前置內容。外部插入:after(content) 在每個匹配的元素之後插入內容。before(content) 在每個匹配的元素之前插入內容。刪除:empty() 刪除匹配的元素集合中所有的子節點。remove([expr])

js 金額文字框實現代碼

案例1:斷行符號實現Tab跳轉。 響應文字框的onKeyDown事件,window.event.keyCode獲得使用者點擊的keyCode。 (*)keyCode和ASCII不是完全一致,主鍵盤的1和小鍵盤的1的ASCII一樣,但是keyCode不一樣。斷行符號的keyCode為 13,Tab的keyCode為9。 <body onkeydown="if(window.event.keyCode==13){window.event.keyCode=9;}">

js URL參數的拼接方法比較

最常見的方式就是: 複製代碼 代碼如下:url?arg1=value1&arg2=value2&arg3=value3...   這樣的方式最常見最普通也最容易理解,但是在項目中,如果後面帶的參數可變而且欄位有不同的值或者不同的語義時,這樣的方式可維護性和可讀性其實並不高,而且代碼也容易重複或者冗餘。   比如下面的一個對CGI的請求串: 複製代碼 代碼如下: var url = "http://www.tenpay.com/app/v1.0/juhui.cgi?"; var

總頁數: 3271 1 .... 3226 3227 3228 3229 3230 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.