其他

這裡有一個方法可以將DIV的捲軸滾動到其子項目所在的位置，方便自動定位。 複製代碼 代碼如下: var container = $('div'), scrollTo = $('#row_8'); container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() ); // Or you can animate the scrolling: container.animate({

JQuery將Ajax資料請求進行了封裝，從而使得該操作實現起來容易許多。以往我們要寫很多的代碼來實現該功能，現在只需要調用$.ajax()方法，並指明請求的方式、地址、資料類型，以及回調方法等。下面的代碼示範了如何將用戶端表單資料封裝成JSON格式，然後通過JQuery的Ajax請求將資料發送到服務端，並最終將資料存放區到資料庫中。服務端定義為一個.ashx檔案，事實上你可以將服務端定義為任何能接收並處理用戶端資料的類型，如Web Service，ASP.NET Page，Handler等。

由於JQuery中，提交表單是像下面這樣的：複製代碼 代碼如下:$('#yigeform').submit()所以，想當然的認為，重設表單，當然就是像下面這樣子嘍：複製代碼 代碼如下:$('#yigeform').reset()但是，不幸的是，這樣寫的話，會有一個讓你很鬱悶的結果，那就是，表單無法重設！後來，上網查了一下，說是，JQuery中沒有reset方法，經核對，果然是沒有。那有麼沒有辦法通過JQuery來重設表單呢，答案是有的，不過是一種間接的方法，如下：複製代碼

複製代碼 代碼如下: <tr><th>發售起始日期</th> <td><input type="text" id="usLineTime" name="usLineTime" size="20" class='easyui-validatebox Wdate' onFocus="WdatePicker({el:'usLineTime',dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'ueLineTime\'

設定顯示時間戳記 <% request.setAttribute("currentTimeStamp",Calendar.getInstance().getTime()); %> 顯示：2009-11 <fmt:formatDate pattern="yyyy-MM" value="${currentTimeStamp}"/> <br/> 顯示：2009-11-30 23:47:06 <fmt:formatDate

其中的一個效果:  html代碼: 複製代碼 代碼如下: <h1>單擊圖片,產生效果</h1> <div class="box"></div> 外掛程式代碼: 複製代碼 代碼如下: ; (function ($) { var defaults = { ani: 4, //動畫效果.1.馬賽克向中間聚攏,2.馬賽克左上方聚攏,3.馬賽克拉扯消失,4.原地縮小 delay: 3000, //動畫執行時間 url:"0",//圖片路徑

實現查詢等待：正在查詢中，請稍後．．．複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title> 正在查詢，請稍等... </title><style

效果圖:  html代碼: 複製代碼 代碼如下: <h1>無縫滾動,向右滾動</h1> <ul id="guoul1"> <li><img src="img/f1.jpg" alt="f1"/></li> <li><img src="img/f2.jpg" alt="f2"/></li> <li><img src="img/f3.jpg"

jquery把數組變為字串然後在傳到服務端（jquery把數群組轉換成字串後，格式如1，2，3，速度，rewr） 複製代碼 代碼如下: define(function(require, exports, module) { var Notify = require('common/bootstrap-notify'); module.exports = function($element) { $element.on('click', '[data-role=batch-delete]',

複製代碼 代碼如下: <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function(){ //這裡參考了以下兩個網站的介紹 //http://www.w3school.com.cn/html/html_audio.asp //http://www.zhanxin.info/development/2013

 css 複製代碼 代碼如下: <style> .xMarquee{border:1px solid #ccc;height:25px;width:500px; margin:50px auto; background:#ffffff; overflow:hidden;} .xMarquee ol{list-style-type:none; margin:0px; padding:0px; font-size:12px; width:100000%;} .xMarquee

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

（1）基本對象擷取$("*") 擷取所有對象 $("#element") 擷取id為element的對象等同於document.getElementById（“element”）； $(".abc") 擷取class為abc的對象 $("div") 擷取html中所有的div元素 $("#a，.b，p") 擷取id為a和class為b以及所有p元素 $("#a .b p") 擷取id為a並且class為b元素下的p元素 （2）層級對象擷取 $("div>input")

公司最近的項目需要用到樹形下拉框，在網上找了挺多源碼，最後還是採用了zTree來實現，因為代碼的移植性比較高，而且資料的擷取比較容易。廢話不多說，直接上代碼。 index.jsp 複製代碼 代碼如下: <%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib uri="http:/

瀏覽器視窗大小變化時使用resize事件對架構不起作用的解決辦法，如下：複製代碼 代碼如下:$(window).resize(function(){var surH = $(window).height();$(".pic_conent").height(surH);} 當瀏覽器變化，拉大拉小時，沒有反應；方法一：在標籤上加入  onLoad="" onResize=""  方法  寫上對應的方法即可方法二：window.onresize=function(){//

複製代碼 代碼如下:<script type="text/javascript">$(function () { $('input:text:first').focus(); //把焦點放在第一個文字框 var $inp = $('input'); //所有的input元素$inp.keypress(function (e) { //這裡給function一個事件參數命名為e，叫event也行，隨意的，e就是IE視窗發生的事件。    var key =

下面是使用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

之前在網上看到這種特效，無奈當時沒有收藏網址，導致後來一度不知道這個特效是怎麼實現的。今天特意在網上搜羅了一下，果然功夫不負有心人，被我找到了。 我也努力過自己嘗試著寫： 但只是單純的圖片放大，而且還影響了圖片周圍的元素的布局(因為圖片放大佔據了更大的空間)。

今天有人在群裡突然問我$("#MainContent_GridView1").closest("tr").children("td:eq(1)").text() 這個語句怎麼查不到值。我問他是取一個tr下面的eq(1)的td的text還是所有的。他說所有的。。。。那麼肯定要迴圈所有的tr，再從其中找td了。。。 在此我寫一個簡單的部落格協助那些還不知道怎麼使用jquery選取器的朋友。 我類比了一個table出來，給大家參考，下面是html結構 複製代碼 代碼如下: <table id="

文字框中的事件應用：以輸入郵箱為例，如圖： 代碼如下： 複製代碼 代碼如下: <!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>