其他

用 jQuery 的都知道，jQuery 的 get 和 post 方法有三個參數：地址，資料 和回呼函數，但我們知道地址也可以跟隨資料的（形如：get_data.php?v1=1&v2=2），而且第二個參數可以省略，即第二個參數可 以直接寫回呼函數，那麼資料寫在地址後面和寫在 data 參數裡有什麼區別呢？剛剛做了幾個實驗，看看下面的代碼就清楚了:以下內容需要回複才能看到jquery_data.phpecho "post: ";print_r($_POST);echo "get: ";

jquery.qrcode.js 是居於jquery類庫的繪製二維碼的外掛程式，用它來實現二維碼圖形渲染支援canvas和table兩種繪圖方式。（jquery.qrcode.js

1.資料轉換類public class DataTableReturnObject { private int iTotalRecords; private int iTotalDisplayRecords; private String sEcho; private String[][] aaData; public DataTableReturnObject(int totalRecords, int totalDisplayRecords, String echo, String[][]

JQuery擷取和設定Select選項擷取Select ：擷取select 選中的 text :$(“#ddlRegType”).find(“option:selected”).text();擷取select選中的 value:$(“#ddlRegType “).val();擷取select選中的索引:$(“#ddlRegType “).get(0).selectedIndex;設定select:設定select 選中的索引：$(“#ddlRegType

實現功能：通常在編輯表格時表格的行數是不確定的，如果一次增加太多行可能導致頁面內容太多，反應變慢；通過此程式實現表格動態增加行，一直保持最下面有多個空白行。效果：一：原始頁面二：表1增加新行並綁定timepicker三：表2自動增加行，新行綁定timepickerHTML源碼：<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

概述接受一個JSON字串，返回解析後的對象。傳入一個畸形的JSON字串會拋出一個異常。比如下面的都是畸形的JSON字串：{test: 1} （ test 沒有包圍雙引號）{'test': 1} （使用了單引號而不是雙引號）另外，如果你什麼都不傳入，或者一個Null 字元串、null或undefined，parseJSON都會返回 null 。參數jsonString要解析的JSON字串樣本描述:解析一個JSON字串jQuery 代碼:var str =

這裡考慮都考慮的是伺服器返回的是JSON形式的字串的形式，對於利用JSONObject等外掛程式封裝的JSON對象，與此亦是大同小異，這裡不再做說明。這裡首先給出JSON字串集，字串集如下：var data=" { root: [ {name:'1',value:'0'}, {name:'6101',value:'西安市'}, {name:'6102',value:'銅川市'}, {name:'6103',value:'寶雞市'}, {name:'6104',value:'鹹陽市'},

最近項目開發中遇到這樣的需求“手機號碼或者固話至少填寫一個”，如下圖所示:項目採用的jquery.validate.js驗證組件，目前組件不支援這種“或”邏輯的驗證，於是就自己定義一個jQuery.validator.addMethod("phone", function(value, element) { var mobile = $("#mobile").val();// 手機號碼 var telephone = $("#telephone").val();//

做項目時，客戶要求能夠用enter斷行符號直接切換輸入(焦點),當最後一個時候，直接提交資訊。第一想法就是，網上去copy一段代碼直接用。但了百度、Google找了個遍，找到的代碼80%以上都是一樣的。有的代碼太老，都不能用。有的只有部分瀏覽器能用。折騰了半小時也沒個合適的辦法。最後一想，乾脆自己動手。一、思路　　每次點擊斷行符號的時候，擷取當前的焦點位置，然後設定它的下一個元素擷取焦點;二、代碼<script type="text/javascript">

jQuery Corner是一款jQuery的外掛程式，最初由Dave

HTML5對Web Form做了許多增強，比如input新增的type類型、Form Validation等。Placeholder是HTML5新增的另一個屬性，當input或者textarea設定了該屬性後，該值的內容將作為灰字提示顯示在文字框中，當文字框獲得焦點時，提示文字消失。以前要實現這效果都是用JavaScript來控制才能實現 , firefox、google chrome等表示對其支援 , 唯獨IE存在違和感啊!例如: <input id="t1" type="text"

首頁經常是需要一個焦點圖切換的效果，最近做的項目也正好需要，所以在網上搜尋，後面查到了一個半成品的外掛程式，這裡我自己修改了一下。js檔案夾下面有兩個檔案夾jquery.jslide.js與jquery.jslides.js，前面一個是我改寫的，第二個是原作者的檔案。下圖是效果圖：一、靜態效果<div class="slide_wrap"> <ul id="slides2" class="slide"> <li

幾個月前在一個項目中涉及到樹形欄，然後看了很多外掛程式，覺得有點麻煩，於是自己寫了一個，寫著寫著就出問題了。當時項目是通過樹形欄進行許可權控制的，管理員可以對從資料庫去的資料動態產生樹形欄進行增刪改查操作，可是用$(".XX").click();方法是不行的。1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法，來實現該功能$(‘#div').live(‘click',function(){//do stuff});但是live方法也有不支援的事件，例如:toggle事件 ，

分享下jQuery如何隱藏和顯示 input 預設值的例子。<!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-

需要在頁面中一個小的地區迴圈滾動展示新聞（公告、活動、圖片等等），並且，滑鼠移至上方時停止滾動並提示，離開後，繼續滾動。效果圖：上乾貨html：複製代碼 代碼如下:<div id="news"><ul><li><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external

動態請求資料來更新頁面是現在非常常用的方法，比如部落格評論的分頁動態載入，微博的滾動式載入和定時請求載入等。這些情況下，動態請求返回的資料一般不是已拼好的 HTML 就是 JSON 或 XML，總之不在瀏覽器端拼資料就在伺服器端拼資料。不過，從傳輸量方面來看，返回 HTML 不划算，而在 web 傳輸方面，現在更多的是使用 JSON 而不是 XML。瀏覽器端根據 JSON 產生 HTML 有個很苦惱的地方就是，結構不複雜的時候還好，結構一複雜，就想死了，需要很小心很小心地寫出幾乎無法維護的

網上有很多，這裡介紹三種：第一種方法，就是使用id，這個方法可以在產生html的時候動態設定tr的id，也是用得最多最簡單的一種，如下：<table> <tr><td>這行不隱藏</td></tr> <tr id="tr_1"><td>這行要隱藏</td></tr> <tr id="tr_2"><td>這行要隱藏</td></tr> ...

例子，截取字串代碼。<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery截取字串操作---www.jb51.net</title> <script type="text/javascript" src="mytest/jQuery/jquery-1

HTML5中文字框的新屬性placeholder是個非常好用的屬性，但是IE系列直至IE9都不支援這一屬性，這就讓大家在用這一屬性的時候有些猶豫不決。自己曾經寫過很多類似共的小控制項，但是都不是很通用，這裡分享一個漸進增強自訂placeholder的jQuery外掛程式。有點是使用簡單，大家也可以根據自己的需要進行改進。平常寫jQuery外掛程式比較少，考慮到用jQuery的同學比較多，這裡就用jQuery外掛程式的形式編寫了。在這裡簡單的介紹一下實現思路。1.表現與html5原生的placeh

大致效果如圖下面是代碼：自己匯入jQuery包。樣式：<style type="text/css"> body,ul,li,div,a{margin:0px;padding:0px;} body{margin-top:10px;margin-left:15px;} #all{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:255px;} #title