Jquery筆記

時間 2019-12-09

標籤 jquery 筆記欄目 JQuery 简体版

原文原文鏈接

 1 <!DOCTYPE html>
 2 <html lang="zh-CN">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>BOOKMARKS</title>
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 
 7      <link rel="stylesheet" href="/templets/default/style/css/bootstrap.min.css">
 8      <link rel="stylesheet" href="/templets/default/style/css/buttons.css" />
 9      <link rel="stylesheet" href="/templets/default/style/css/normalize.css" /> 
10   <link rel="shortcut icon" type="image/x-icon" href="/templets/default/style/images/favicon.ico">  
11   <style>
12     a{color: #000;}
13 </style>
14 </head>
15 
16 <body>
17 <div class="container-fluid">
18 　　<div class="row">
19 　　　　<div class="col-xs-12 col-sm-6 col-md-3 col-lg-2">

<a href="/site" target="_blank" class="button button--ujarak button--border-thin button--text-thick">SITE</a>
　　　　　　</div>
　　　　</div>
　</div>
20 </body>
21 </html>

2015-04-09css

$(document).ready(function(){

--- jQuery functions go here ----

});//這是爲了防止文檔在徹底加載（就緒）以前運行 jQuery 代碼。

jQuery 語法

基礎語法是：$(selector).action()html

美圓符號定義 jQuery
選擇符（selector）「查詢」和「查找」 HTML 元素
jQuery 的 action() 執行對元素的操做

示例

$(this).hide() - 隱藏當前元素bootstrap

$("p").hide() - 隱藏全部段落ide

$(".test").hide() - 隱藏全部 class="test" 的全部元素ui

$("#test").hide() - 隱藏全部 id="test" 的元素this

jQuery siblings() 方法

siblings() 方法返回被選元素的全部同胞元素。spa

:eq() 選擇器選取帶有指定 index 值的元素。scala

.addClass("zenjiadelei")code

.removeClass("zenjialei")orm

.$(this).index()//當前選擇

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。