Time of Update: 2017-01-19
直接上代碼:複製代碼 代碼如下:<!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=
Time of Update: 2017-01-19
當需要快速結束一個當前正在執行的jquery 動畫時(還沒執行完成),如 fadeOut(),可以在執行當前動畫的對象上執行 stop(true);方法 如: 複製代碼 代碼如下: <script type="text/javascript"> function deleteMyConsults(consultid,obj){ jQuery(obj).parents("li").html("<div class='show_tip' colspan='6'
Time of Update: 2017-01-19
擷取select : 擷取select 選中的 text : $("#ddlregtype").find("option:selected").text(); 擷取select選中的 value: $("#ddlregtype ").val(); 擷取select選中的索引: $("#ddlregtype ").get(0).selectedindex; 設定select: 設定select 選中的索引: $("#ddlregtype ").get(0).selectedindex=index;
Time of Update: 2017-01-19
(1)required:true 必輸欄位(2)remote:"check.php" 使用ajax方法調用check.php驗證輸入值(3)email:true 必須輸入正確格式的電子郵件(4)url:true 必須輸入正確格式的網址(5)date:true 必須輸入正確格式的日期(6)dateISO:true 必須輸入正確格式的日期(ISO),例如:2009-06-23,1998/01/22 只驗證格式,不驗證有效性(7)number:true
Time of Update: 2017-01-19
複製代碼 代碼如下:<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery.zclip.min.js"></script>複製代碼 代碼如下:$(function(){
Time of Update: 2017-01-19
.parent(selector) 獲得當前匹配元素集合中每個元素的父元素,由選取器篩選(可選)。.parents(selector) 獲得當前匹配元素集合中每個元素的祖先元素,由選取器篩選(可選)。如果給定一個表示 DOM 元素集合的 jQuery 對象,.parents() 方法允許我們在 DOM 樹中搜尋這些元素的祖先元素,並用從最近的父元素向上的順序排列的匹配元素構造一個新的 jQuery 對象。元素是按照從最近的父元素向外的順序被返回的。.parents() 和 .parent()
Time of Update: 2017-01-19
在這個sprint中,因為要寫前端UI,所以用到了jQuery,但是jQuery在向上遍曆DOM樹的API中,有parents()、 parent()、closest()這幾個,一直不太清楚它們具體的區別,所以狠下心好好讀了一下jQuery的API文檔,並把區別記在這裡,以供參考。 1.parents([selector])本方法用於選擇給定jQuery對象中包含的DOM元素或者DOM元素集的祖先節點,並將這些節點封裝成jQuery對象返回,返回的節點集是以從裡到外的順序排序的。同時,
Time of Update: 2017-01-19
在這個樣本程式中,我將使用$.ajax()方法,使用$.get()方法也可以,但我覺得$.ajax()更好一些,代碼更容易懂,並且也不怎麼複雜。複製代碼 代碼如下://定義使用者名稱校正的方法function verify(){ //首先測試一下頁面的按鈕按下,可以調用這個方法 //使用javascript的alert方法,顯示一個探出提示框
Time of Update: 2017-01-19
js的純前台處理時會遇到將一個網頁的參數,通過get方式,傳遞給下一個頁面的問題. 此時可以使用js的方式得到當前頁面的url中的get參數. 核心語句是: window.location.href 詳細代碼不解釋了,有注釋,你看了就懂.封裝成jQuery擴充包. 複製代碼 代碼如下: (function($){ $.extend({ /** * url get parameters * @public * @return array() */ urlGet:function() { var
Time of Update: 2017-01-19
普及JQuery知識知識1:用JQuery寫外掛程式時,最核心的方法有如下兩個:複製代碼 代碼如下:$.extend(object) 可以理解為JQuery 添加一個靜態方法。$.fn.extend(object) 可以理解為JQuery執行個體添加一個方法。基本的定義與調用:複製代碼 代碼如下:/* $.extend 定義與調用* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */$.
Time of Update: 2017-01-19
1. 擷取checkbox的選中項 2. checkbox選項的全選 反選操作 用於測試的checkbox程式碼片段: 複製代碼 代碼如下:<div> <input type="checkbox" name="abc" value="一年級" id="in1" checked="checked" /><label
Time of Update: 2017-01-19
實現功能:1、有一個同學叫我實現一個這樣的功能就像PHP,在表單中輸入數字,然後網頁就出現相應的數量;如果是PHP的話就簡單多了,Jquery實現還是第一個,就開始狂的實驗,最後還是實現了(知識點:Jquery建立節點、擷取表單的值、迴圈語句)Jquery代碼:複製代碼 代碼如下: <script type="text/javascript" language="javascript">$(function(){$("#btn").click(function(
Time of Update: 2017-01-19
1.jsp代碼如下複製代碼 代碼如下:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath =
Time of Update: 2017-01-19
今天在醒目中碰到了一個問題。文字框只能上人家選擇資料進去。不能手動輸入。查了資料。最後解決如下。 頁面代碼: 複製代碼 代碼如下: <asp:TextBox ID="txtcategory" readonly="true" Width="300" CssClass="txt" runat="server"></asp:TextBox> 指令碼(在給文字框賦值的時候使用): 複製代碼 代碼如下: $("#id").removeAttr("readonly");
Time of Update: 2017-01-19
用 jQuery 綁定和解除綁定事件監聽器都是非常簡單的。但是當你為一個元素的一個事件綁定了多個監聽器時,怎樣精確地解除綁定其中一個監聽器?我們需要瞭解一下事件的命名空間。 看下面這段代碼: 複製代碼 代碼如下: $('#element') .on('click', doSomething) .on('click', doSomethingElse); 像上面這樣綁定事件監聽器,當元素被點擊時,doSomething 和 doSomethingElse 這兩個監聽器都會被觸發。這是使用
Time of Update: 2017-01-19
在使用Kindeditor的時候,想要利用Ajax傳值,但是通過editor封裝的方法是行不通的,原因在於編輯器我們是放在另一個jsp頁面,通過iframe來載入的,同時這個iframe的display="none"的,要通過一個事件來觸發。複製代碼 代碼如下:<iframe src="../common/editor.jsp" frameborder="0" scrolling="no" style="margin: 0" width="100%"
Time of Update: 2017-01-19
複製代碼 代碼如下:$("div[id]") 選擇所有含有id屬性的div元素 $("input[name='newsletter']") 選擇所有的name屬性等於'newsletter'的input元素
Time of Update: 2017-01-19
jQuery為開發外掛程式提拱了兩個方法,分別是: JavaScript代碼 複製代碼 代碼如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 為擴充jQuery類本身.為類添加新的方法。 jQuery.fn.extend(object);給jQuery對象添加方法。 fn 是什麼東西呢。查看jQuery代碼,就不難發現。 JavaScript代碼 複製代碼 代碼如下: jQuery.fn =
Time of Update: 2017-01-19
----------------------對於動態標籤綁定事件------------------------ 複製代碼 代碼如下: var outTimer;//執行時間 var upTimer;//執行時間 var sqDiv = $("#tm");//要顯示的div var test="";//標識,為了將滑鼠移到顯示的div上時,div不會消失 var dd = "";//划過某一欄位傳的值 function test1(){ $("#tm").empty();//現將div清空 $.
Time of Update: 2017-01-19
擷取選中的值擷取一組radio被選中項的值複製代碼 代碼如下:var item = $('input[@name=items][@checked]').val();擷取select被選中項的文本複製代碼 代碼如下:var item = $("select[@name=items] option[@selected]").text();select下拉框的第二個元素為當前選中值複製代碼 代碼如下:$('#select_id')[0].selectedIndex =