Time of Update: 2017-01-19
jquery如何獲得頁面元素的座標值 yulutxt是輸入經典語錄的輸入框,feedBackMessage函數見http://www.wesoho.com/article/asp/2765.htm 複製代碼 代碼如下: var p = $("#yulutxt"); var yuluoffset = p.offset(); feedBackMessage(msg,yuluoffset.left+p.width()+10,yuluoffset.top,5000); ----------------
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <!--<script src="http://ajax.googleapis.com/
Time of Update: 2017-01-19
複製代碼 代碼如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script
Time of Update: 2017-01-19
我們的電腦螢幕大小是固定的,那麼如何在有限的空間放更多的內容呢? 我們應該給使用者足夠的選擇權,當他們想要看某些內容的時候可以很快的看到,不想看的時候就把他隱藏。於是就有了題目說的這個問題。其實這個問題很簡單,那麼,之所以拿出來跟大家分享,一方面我們大家相互交流,另一方面,也是對自己的學習的一種總結。 這裡我想到了兩種方法,給大家分享一下。 好了不多說,下面看代碼: 第一種,是常規的方法: [javascript] 複製代碼 代碼如下: $(function(){ var images = ['
Time of Update: 2017-01-19
註冊時選擇閱讀條款<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>demo2.html</title> <meta http-equiv="keywords"
Time of Update: 2017-01-19
今天做了一個左側菜單的效果,做背景時候應該會經常用到這個效果的,代碼同樣是簡潔明了,複製即可用:效果圖如下: 代碼如下:(這個上下箭頭的表徵圖如上,表徵圖可自己換) 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
Time of Update: 2017-01-19
首先我們需要清楚的是jquery load方法是對jQuery.ajax()進行封裝以方便我們使用的一個方法,當我們需要處理較為複雜的邏輯時候,還是需要用到jQuery.ajax()這個比較全面的方法的。 調用load方法的完整文法格式:load( url, [data], [callback]
Time of Update: 2017-01-19
jQuery 和其他 JavaScript 架構正如您已經瞭解到的,jQuery 使用 $ 符號作為 jQuery 的簡寫。如果其他 JavaScript 架構也使用 $ 符號作為簡寫怎麼辦?其他一些 JavaScript 架構套件括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。其中某些架構也使用 $
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> <title></title> <style
Time of Update: 2017-01-19
複製代碼 代碼如下: <script type="text/javascript"> $(document).ready(function(){ alert($(window).height()); //瀏覽器當前視窗可視地區高度 alert($(document).height()); //瀏覽器當前視窗文檔的高度 alert($(document.body).height());//瀏覽器當前視窗文檔body的高度
Time of Update: 2017-01-19
jQuery 使用 $ 符號作為 jQuery 的簡介方式。 某些其他 JavaScript 庫中的函數(比如 Prototype)同樣使用 $ 符號。 jQuery 使用名為 noConflict() 的方法來解決該問題。 var jq=jQuery.noConflict(),協助使用自己的名稱(比如 jq)來代替 $ 符號。 複製代碼 代碼如下: <html> <head> <script type="text/javascript" src="/jquery/
Time of Update: 2017-01-19
本節內容主要介紹的是如何使用jQuery中的.html(),.text()和.val()三種方法,用於讀取,修改元素的html結構,元素的常值內容,以及表單元素的value值的方法。jQuery中為我們提供了多種方法用於對元素的HTML結構和元素的常值內容的操作,比如說,你可以給已存在的元素的內部,周圍,前面或者後面增加新元素;或者用一個元素替代另一個元素;你也可以讀取或者修改一個元素的內容或結構。有時我們就會比較模糊,不知道是給元素增加內容或者增加一個元素,比如說我們需要給一個存在的元素有效增
Time of Update: 2017-01-19
$("form").attr("check"); $("form").prop("check"); 兩種都可以,不過新版jquery推薦第二種,兩個在其他方面都差不多,我發現的唯一不同就是在checkbox上的時候,需要用prop,不然IE瀏覽器會不相容複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title>
Time of Update: 2017-01-19
複製代碼 代碼如下: <script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { var txtName = $('#txtName').val(); var gender = $('#gender').is(':checked') ? '男' : '女'; var isMarry = $('#isMarry').is(':checked') ? '已婚' : '未婚'; $(
Time of Update: 2017-01-19
複製代碼 代碼如下: <style type="text/css"> body { font-size:12px;text-align:center; } #tbStu { width:260px;border:1px solid #666;background-color:#eee; } #tbStu tr { line-height:23px; } #tbStu tr th { background-color:#ccc;color:#fff; } #tbStu .trOdd {
Time of Update: 2017-01-19
一、在元素內部/外部追加元素 append,prepend:添加到子項目 before,after:作為兄弟元素添加 html: 複製代碼 代碼如下: <div id="content"> <p>在我的後面追加一條新聞</p> </div> Javascript: 複製代碼 代碼如下: <script type="text/javascript"> jQuery(function(){ //在元素內部追加內容 $("#content"
Time of Update: 2017-01-19
複製代碼 代碼如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $('#txtUserName').focus(function () { $('#txtUserName').val(''); }) $('#txtPassWord').focus(function () { $('#txtPassWord').val(''); })
Time of Update: 2017-01-19
Bug現場: 通過開發人員工具查看,下拉式清單方塊是有Options的,但你點擊選擇的時候卻什麼也不顯示。 重現步驟: 該問題發生在級聯下拉框的情況,第一個列表改變,第二個列表的值跟著改變! 本例中使用以下方法綁定資料: 複製代碼 代碼如下: //綁定下拉框 //ctnSelector:下拉框ID,帶#號, //jsonData:JSON資料, //txtField:文字欄位名稱, //valField:值欄位名稱, //strOptions:預設填加的項 function
Time of Update: 2017-01-19
在Ajax橫道的今天,我們在頁面互動上有了更高的要求,動態產生HTML毫無疑問是其中的一種。動態產生HTML的方式多種多樣,其核心不外乎在前段(JS)或者後端(C#/PHP…)將資料群組裝成我們想要的模版,最終通過一定的方法輸出給使用者(innerHTML、documentWrite等方式)。 缺點 1)拼接字串的過程容易出錯,常常忘了'/”>等匹配的符號。 2)修改前台模版的同時容易遺忘同步更改動態產生的模版。 3)拼接字串不直觀和美觀,不利於尋找錯誤,例如:資料中如果存在HTML內容,
Time of Update: 2017-01-19
首先我們看下面的一個很常見的事件綁定代碼: 複製代碼 代碼如下: //example $('#dom').click(function(e){ //do something }); $('#dom2').click(function(e){ //do something }); 這段代碼在事件綁定處理上有一些缺陷: 過多的事件綁定會損耗記憶體 後期產生HTML會沒有事件綁定,需要重新綁定 文法過於繁雜 解決方案 對於1、2兩點的解決方案,我們首先先瞭解一下jQuery的事件綁定