Time of Update: 2017-01-19
在jquery1.5.1根據ID來擷取對象返回的是對應數組,想不通怪不得使用document.getElementById(""ID名"")可以取到單一的對象,使用$("#ID名")卻不行,悲劇呀。 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Time of Update: 2017-01-19
JqGrid文檔:http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs JqGrid Demo:http://trirand.com/blog/jqgrid/jqgrid.html JqGrid的基礎,我這裡就不做介紹了,不知道的可以去看看部落格園或Google,最好去看文檔。先看效果圖: 本Demo可以查詢、修改、分組。新增、刪除等一些準系統都可以去JqGrid Demo中找到。 邏輯思路:第一次載入本年度的經營計劃資料,
Time of Update: 2017-01-19
下面是代碼: 首先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> <title>Jacob
Time of Update: 2017-01-19
①jQuery元素的相對定位。 jQuery中不僅可以使用選取器就行絕對位置,而且還可以進行相對定位,只要在$()中指定第二個參數,第二個參數就是相對的元素。第二個參數傳遞一個jQuery對象,則相對於這個對象為基準進行相對的選擇。 複製代碼 代碼如下: <html> <head> <title>jQuery元素的相對定位和選取器</title> <script type="text/javascript" src="jQuery-1.4.2
Time of Update: 2017-01-19
前邊也講過一個基於java的圖形報表,功能及外觀也不錯,但存在通用性的問題。所以我們來學一個具有易用性+相容性+可擴充性的js圖表外掛程式。 jqPlot是一款基於jquery類庫的表徵圖繪製外掛程式。通過jqPlot可以再網頁中繪製線狀、柱狀、餅狀等多種樣式圖表。而且,jqPlot具有外掛程式可擴充性(Pluggability),你可以編寫自己的圖表樣式。 官方地址:http://www.jqplot.com/功能概述: 有多種圖表樣式可供選擇 可以自訂日期軸線 可設定旋轉軸文字
Time of Update: 2017-01-19
jQuery 是非常流行的JS架構,其儼然已成了開發人員的必備工具,其中的jQuery Lightbox外掛程式更是為廣大開發人員所喜愛。它驚人的特徵之一是jQuery Lightbox外掛程式有很多變化。下面介紹30個最好的jQuery Lightbox 外掛程式,別忘了收藏它,以防未來的設計中錯過它們中的一個。1. Fancy Zoom (jQuery)幾天前,John重寫了Cabel
Time of Update: 2017-01-19
1. 很多網站都是使用這種方式引入,客戶的瀏覽器可能已經緩衝過了 jquery。可以直接調用本地的,速度更快… 2. Google code 使用了 cdn 技術在很多地方有節點伺服器,載入 jquery 時絕對不會比在你伺服器上載入慢,本機伺服器除外 : ) 3. 可以節省伺服器流量,降低伺服器頻寬壓力 可以使用兩種方式引用 google code 的jquery 一、引用 http://www.google.com/jsapi?key=Goolge 密鑰 <script
Time of Update: 2017-01-19
代碼如下: 複製代碼 代碼如下: $("#money").bind("propertychange",function() { if(""!=this.value){ var str = this.value.replace(/(^\s*)|(\s*$)/g, ""); if(this.value != str ) this.value = str; } if( isNaN(Number(this.value))) this.value = this.value.replace(/[\D]/,'
Time of Update: 2017-01-19
廢話不多說了,直接給大家貼代碼了。具體代碼如下所示:1、前端<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><script type="text/javascript">$(function() {$('#goods_type_treegrid').treegrid({url : '${pageContext.request.contextPath}
Time of Update: 2017-01-19
EasyUI 簡介easyui是一種基於jQuery的使用者介面外掛程式集合。easyui為建立現代化,互動,JavaScript應用程式,提供必要的功能。使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡單HTML標記,就可以定義使用者介面。easyui是個完美支援HTML5網頁的完整架構。easyui節省您網頁開發的時間和規模。easyui很簡單但功能強大的。菜鳥初次使用,參考論壇中介紹的方法仍走了一些彎路,把自己遇到的問題記錄下來。1.必須定義根節點;2.根節點一個或多個均可;4.
Time of Update: 2017-01-19
一、簡單的映像翻滾image-rollover常被用在互動式導覽列上,當我們的滑鼠移動到導覽列時,按鈕的外觀改變。例如我們以如下幾幅黑白縮圖作為導航圖表,當滑鼠移動到指定表徵圖時,表徵圖變為明亮的彩色圖片。預覽如下:該頁面的代碼十分簡單,我們以此為例逐步實現映像的翻滾:img-rollover.html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Rollover
Time of Update: 2017-01-19
本文執行個體講述了jQuery內容摺疊效果外掛程式用法。分享給大家供大家參考,具體如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head> <title>jQuery Collapsible Fieldset</title> <script
Time of Update: 2017-01-19
1、頁面載入成功後,點擊選中或取消選中該checkbox,checkbox屬性裡的checked屬性不會根據該checkbox是否選中而變化2、checkbox裡的onchange或onclick方法裡用jquery的attr方法擷取checked是看得到的checked屬性的值與它是否給鉤上沒有關係3、使用document.getElementById("checkbox_id").checked擷取的值與是否鉤上一至,即與所見即所得 (WYSIWYG)4、使用$("#checkbox_id"
Time of Update: 2017-01-19
先說明白這個跨域非同步上傳功能我們藉助了Jquery.form外掛程式,它在非同步表單方面很有成效,而跨域我們會在HTTP回應標頭上添加 access-control-allow-method,當然這個頭標記只有IE10,Firefox和Google上支援,對於IE10以下的瀏覽器來說,我們就不能用這種方式了,我們需要換個思路去幹這事,讓服務端去重寫向我們的用戶端,由用戶端(與檔案上傳頁面在同域下)來返回相關資料即可。再做事1 Jquery.form的使用<form
Time of Update: 2017-01-19
siblings() 獲得匹配集合中每個元素的同胞,通過選取器進行篩選是可選的。jQuery 的遍曆方法siblings()$("給定元素").siblings(".selected") 其作用是篩選給定的同胞同類元素(不包括給定元素本身)例子:網頁選項欄當點擊任意一個選項卡是,其他2個選項卡就會改變樣式,其內容也會隱藏。下面是html代碼。<body><ul id="menu"><li
Time of Update: 2017-01-19
html結構如下: 複製代碼 代碼如下: <html> <head> <title>為body添加click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.5.2.js"></script>
Time of Update: 2017-01-19
例子:給連結中含用“wangorg"字元的連結文字加粗 css: 複製代碼 代碼如下: .abold{ font-weight:bold; } html: 複製代碼 代碼如下: $('document').ready(function(){ $('a[href*=wangorg]').addClass('abold'); }) 屬性選擇也可以用組合方式: $('a[href^=http] [href*=wangorg]').addClass('abold')
Time of Update: 2017-01-19
1、關於頁面元素的引用 通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關係及dom或者xpath條件等方法,且返回的對象為jquery對象(集合對象),不能直接調用dom定義的方法。 2、jQuery對象與dom對象的轉換 只有jquery對象才能使用jquery定義的方法。注意dom對象和jquery對象是有區別的,調用方法時要注意操作的是dom對象還是 jquery對象。 普通的dom對象一般可以通過$()轉換成jquery對象。
Time of Update: 2017-01-19
Jquery判斷IE6的代碼: 複製代碼 代碼如下: if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) { //代碼 } jquery 判斷瀏覽器方法 jquery中利用navigator.userAgent.indexOf來判斷瀏覽器類型,並進行了一下處理,如果不想使用jquery,稍為修改下代碼就可以為自己所用 jquery判斷瀏覽器的源碼(jquery1.31為例) Js代碼: 複製代碼
Time of Update: 2017-01-19
dreamweaver: