為什麼要用jquery validate這個表單驗證外掛程式:自己寫一個通用且功能全面強大的jquery表單驗證外掛程式並不容易。jquery validate這個jquery外掛程式幾乎可以輕鬆應對95%以上的表單驗證,具體內容如下使用方式1、在控制項中使用預設驗證規則,例子:電子郵件(必填) <input id="email" class="required email" value="email@"
WebUploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HTML5為主,FLASH為輔的現代檔案上傳組件,下文來為各位示範一下關於jquery WebUploader檔案上傳組件的用法。使用WebUploader還可以批量上傳檔案、支援縮圖等等眾多參數選項可設定,以及多個事件方法可調用,你可以隨心所欲的定製你要的上傳組件。接下來我以圖片上傳執行個體,給大家講解如何使用WebUploader。HTML我們首先將css和相關js檔案載入。<link
複製代碼 代碼如下:<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"></script> <html xmlns="http://www.w3.org/1
如果你的網站上已經使用了lightbox這類效果,或者下面的幾點運用經驗你也會覺合適(前提是使用JQuery實現)。 1. 指定哪些條件下運用Lightbox效果 在網站的js檔案中添加如下語句: 複製代碼 代碼如下:$(function() { $('a[@rel*=lightbox]').lightBox(); $('.gallery a').lightBox(); });
如果你尋找Jquery的API,會發現這個好象是Jquery的一個盲點,找來找去也沒有明確說明用什麼辦法可以取到HTML標籤的名字,如果直接用 $("H1").tagName 這樣的方式也無法取到“H1”這樣的值,好象只會得到“undifined”。 後來發現Jquery居然將tagName也視為屬性之一了,有趣。 所以用 $("H1").attr("tagName") jquery tagname [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
關鍵代碼: 複製代碼 代碼如下:$(function(){ $(".tabs li").eq(0).css("background","#499AFF"); $(".tabs div").eq(0).show(); $(".tabs>ul>li").click(function(i){ $(this).css("background","#499AFF").siblings().css("background","#ffffff"); $(".tabs div").eq($("li"
提供方便方法操作cookie : 複製代碼 代碼如下:$.cookie('the_cookie'); // 獲得cookie $.cookie('the_cookie', 'the_value'); // 設定cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); //設定帶時間的cookie $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: '
效果如下圖請“運行代碼”先試下運行,運行後請重新整理一次,感受下: 雲棲社區 [Ctrl+A 全選
在IE瀏覽器中,給select的options設定 disable屬性 是沒用的。 必須採用一定手段才可以解決這個問題。當然原理就是記住上次選中的 option。 this.selectedIndex 就派上用場了。 需要重新整理下才可以看到效果,因為輸出的都是文本,不存在js載入的情況。 使用jQuery解決IE不支援的option disable屬性 使用jQuery解決IE不支援的option disable屬性 普通: 第1項 第2項 第3項
例如: 複製代碼 代碼如下:document.getElementById("someID").innerText("hi"); 如果ID為"someID"的元素不存在,我們將得到Javascript運行錯誤:document.getElementById("someID") is null 正確的寫法應該是: 複製代碼 代碼如下:obj = document.getElementById("someID"); if (obj){ obj.innerText("hi"); }
今天突然對他的事件產生了興趣,先前也碰到過,也沒整理,今天有空就弄一下咯。 對於控制項的事件,jQuery已經提供了豐富的方法,包括綁定、一次綁定、觸發等,阿拉今早看看叫一哪能用額伐,大蝦路古就可以了。 jQuery的綁定事件非常方便,有bind、live、one還有它幫你把一些常用的事件給單獨了出來,比如控制項的onclick事件,我們綁定onclick事件的時候只需要 複製代碼 代碼如下: $("#testButton").click(function() { alert("I'm
控制項這東西網上找的多少都有些功能不如意的,只能自己動手來寫了。Tabs外掛程式很多人都需要用到,網上也有很多的例子,但是不是風格不搭調就是用著不習慣(自己寫的不一定比別人的好但用著順手In love)下面直接貼代碼,不喜勿噴:(function ($) { 'use strict'; var defaults = { type: "iframe", onchanged: null, style: { header_panel: "tab-headers", content_panel: "
一個例子:<ul> <li>John</li> <li>Karl</li> <li>Brandon</li></ul><ul> <li>Glen</li> <li>Tane</li> <li>Ralph</li></ul>first表示(所有父元素合并後的)第一個;first-child表示(每個父元素的)
public void ProcessRequest(HttpContext context) { context.Response.ContentType = "application/json"; context.Response.ContentEncoding = Encoding.UTF8; Stream inputStream = context.Request.InputStream; Encoding encoding =
本文執行個體講述了基於jQuery的select下拉框選擇觸發事件實現方法。分享給大家供大家參考,具體如下:我一直以來都認為,select 下拉框選擇對選項 options 使用 onclick 註冊事件即可,如下:<select> <option value="0" onclick="func(0)">選項一</option> <option value="1" onclick="func(1)">選項二</option><
本文執行個體講述了jQuery中checkbox反覆調用attr('checked', true/false)只有第一次生效的解決方案。分享給大家供大家參考,具體如下:先看如下代碼:/** * 全選 */ function checkAll() { $("input[name=ids]").attr("checked", true); } /** * 全不選 */ function uncheckAll() { $("input[name=ids]").attr("checked",
複製代碼 代碼如下:<!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="text/
最近基於jQuery和Bootstrap架構實現了一個仿知乎動態列表的前端效果,基本實現了和知乎動態列表相同的效果。如下:1.基本欄表項2.清單項目全文展開、摺疊(圖中為展開第一項)3.評論項展開4.列表資料載入(載入全部)5.帶動畫效果的點贊功能6.回複列表的hover顯示功能HTML代碼如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta
本文執行個體講述了jQuery類比實現經典FLASH導航動畫效果的方法。分享給大家供大家參考,具體如下:一、前言:FLASH在中國互連網發展初期的時候非常的熱,各種各樣的向量造型和動作,加上專門配製的音效,讓很多人眼前一亮,並且讓很多人迷上了這種新興的媒體,那時候興起了很多大大小小的專門發布FLASH的網站,印象中記得的像“FLASH閃吧”、“FLASH帝國”、“閃客天地”等這些都是很火很熱的網站,在當時盛極一時,由此也產生了一大批的專門從事FLASH的開發人員,我們時尚的稱之為“閃客”。//是
如下所示:input和textarea:$('#controlid').prop('disabled', true);$('input:not(:button,:hidden)').prop('disabled', true);//禁用除button和hidden控制項外的所有input控制項$('textarea').prop('disabled', true);radio和checkbox: $('input:radio[name="radioname"]').prop('disabled'