欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法

 更新時(shí)間：2016年06月20日 14:58:28   作者：cherry  
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法,涉及jQuery針對(duì)頁面元素的獲取及樣式動(dòng)態(tài)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)的網(wǎng)格線繪制方法。分享給大家供大家參考，具體如下：

效果圖如下：

代碼如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>測(cè)試頁面</title>
 <script type ="text/javascript" src='jquery-1.7.2.js'></script>
 <style type = "text/css">
  body{
  background:#000000;
  }
  #fa{
  width:380px;
  height:380px;
  margin:100px auto;
  background:#4b4b4b;
  }
 </style>
 <script type = "text/javascript">
  $(function(){
   var table = document.createElement("table");
   var tbody = document.createElement("tbody");
   table.style.borderCollapse = "collapse";
   for(var i = 0;i<20;i++){
   var tr = document.createElement("tr");
   for(var j = 0;j<20;j++){
    var td = document.createElement("td");
    var text = document.createTextNode("");
    td.style.border = "1px solid #dfdfdf";
    td.style.padding = "9px";
    td.appendChild(text);
    tr.appendChild(td);
   }
   table.appendChild(tr);
   }
   document.getElementById("fa").appendChild(table);
  })
 </script>
 </head>
 <body>
 <input type = "button" value = "測(cè)試按鈕" id = "test"/>
 <div id = "fa"></div>
 </body>
</html>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery表格(table)操作技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • jQuery CSS()方法改變現(xiàn)有的CSS樣式

    jQuery CSS()方法改變現(xiàn)有的CSS樣式

    css()方法在使用上具有多樣性。其中有一種可接受兩個(gè)輸入?yún)?shù)：樣式屬性和樣式值，兩者之間用逗號(hào)分隔，下面通過實(shí)例為大家介紹下
    2014-08-08
  • 讀jQuery之十二 刪除事件核心方法

    讀jQuery之十二 刪除事件核心方法

    使用jQuery刪除事件（或稱解除事件綁定）有三個(gè)函數(shù)：unbind、die和undelegate。這三個(gè)方法都依賴于未公開的jQuery.event.remove（后續(xù)使用.remove簡(jiǎn)寫）。此為刪除事件的核心方法。
    2011-07-07
  • 基于jQuery解決ios10以上版本縮放問題

    基于jQuery解決ios10以上版本縮放問題

    本文通過一段示例代碼給大家介紹了基于jQuery解決ios10以上版本縮放問題，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
    2017-11-11
  • 使用jQuery判斷IE瀏覽器版本的代碼

    使用jQuery判斷IE瀏覽器版本的代碼

    IE還真是讓設(shè)計(jì)師恨的牙癢癢的東西，且現(xiàn)在已經(jīng)有IE6、IE7、IE8、IE9、IE10這個(gè)五種不同版本的瀏覽器，且都有一點(diǎn)小差異。但是沒辦法，為了讓網(wǎng)頁在每個(gè)瀏覽器中顯示都一樣還必須遷就它
    2014-06-06
  • Jquery仿IGoogle實(shí)現(xiàn)可拖動(dòng)窗口示例代碼

    Jquery仿IGoogle實(shí)現(xiàn)可拖動(dòng)窗口示例代碼

    這個(gè)拖動(dòng)窗口是根據(jù)一個(gè)Jquery的框架直接做出來的:easywidgets，廢話就不多說了，直接把源代碼貼出來，讓大家學(xué)習(xí)
    2014-08-08
  • jquery中g(shù)et和post的簡(jiǎn)單實(shí)例

    jquery中g(shù)et和post的簡(jiǎn)單實(shí)例

    本篇文章主要是對(duì)jquery中g(shù)et和post的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
    2014-02-02
  • jquery統(tǒng)計(jì)用戶選中的復(fù)選框的個(gè)數(shù)

    jquery統(tǒng)計(jì)用戶選中的復(fù)選框的個(gè)數(shù)

    使用選擇器得到所有被勾選的復(fù)選框元素的集合，然后通過判斷元素的個(gè)數(shù)來得到用戶勾選的個(gè)數(shù),需要的朋友可以參考下
    2014-06-06
  • 小巧強(qiáng)大的jquery layer彈窗彈層插件

    小巧強(qiáng)大的jquery layer彈窗彈層插件

    這篇文章主要介紹了小巧強(qiáng)大的jquery layer彈窗彈層插件的使用方法以及使用范圍，非常詳細(xì)，有需要的小伙伴可以參考下。
    2015-12-12
  • jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實(shí)例代碼

    jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實(shí)例代碼

    我在這里將jQuery Ajax 調(diào)用Aspx.Net WebService 的幾個(gè)常用的方法做了一個(gè)整理，提供給正在找這方面內(nèi)容的博友，希望能給學(xué)習(xí)jQuery的朋友一點(diǎn)幫助，可以直接復(fù)制代碼運(yùn)行。
    2011-04-04
  • 優(yōu)化Jquery,提升網(wǎng)頁加載速度

    優(yōu)化Jquery,提升網(wǎng)頁加載速度

    本文是對(duì)優(yōu)化Jquery,提升網(wǎng)頁加載速度方面進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
    2013-11-11

最新評(píng)論