jquery中$的作用與使用方法總結

2021-01-07 炎黃科技

使用jquery.js框架使用起來方便多了！突然相起來把以住的學習資料整理一下放在這樣的一個個人知識庫中存儲下來。

總體感覺Jquery.js框架最有用，這裡的有用指的就大不了就是使用起來更好理解，更方便，代碼更少，jquery體系中最重要的工具就那個代表國際財富的$!其實Jquery的$的主要功能就是字符檢索功能，同時返回一個Jquery對象，從而利用jquery框架所提供的jquery對象的方法來處理這個對象。

首先看一下h5對象的平面參數。

html對象平面尺寸展示

簡潔理解jquery的代表符號$, 代表的是jquery的頂層對象，也可以理解為jquery對象本身。

jquery中$的四大功能：

1）$(function)----$(document).ready(function(){});

測試很簡單，一測試就可以知道效果一樣。

2）$("#idname")----這個用來代表檢索頁面中具有本名字空間中唯一標記，其文本標記為「idname」；這個idname前加入「＃」實際是為了與css規範相對應。

註：在css編排中，同樣使用"#idname"來定義具有唯一姓名（id）來定義對應對象的樣式

3）$(".cssidname")----這個用來代表一個css標記標籤tag的樣式內容；

4）$("httag")----這個最直接的設計代表的是html的保留字標籤；

JQUERY下的$

具體體現：

相關焦點

  • jquery中淡入淡出切換效果函數使用方法?
    jquery是javascript很常用和熱門的一個類庫，前端開發人員必須學習的一個js類庫，接下來來看看怎麼使用jquery中的怎麼切換使用淡入淡出方法。jquery最大的特點就是極大地簡化了 JavaScript 編程。而且使用起來也是很簡單的，比javascript更方便簡單。
  • jQuery常用方法歸納總結
    ; }) });.live()：live方法和bind方法的唯一區別在於.live()不僅作用於DOM中當前存在的元素，還作用於將來可能存在（動態生成）的元素$(document).ready(function(){ $('.box').live('click',function(){
  • 使用jQuery中的siblings()方法查找當前html元素的全部同胞元素
    在jQuery中，除了可以在Html DOM中向上（parent()/parents()方法）和向下（children()/find()方法）查找Html元素之外，還可以使用siblings()方法得到當前元素的全部同級元素，也稱為同胞元素。
  • jQuery中使用text()、html()、val()方法對Html元素賦值和取值
    text()方法是jQuery的方法，使用該方法操作的元素必須是使用jQuery選擇器查找到的，如果使用JavaScript查找到的元素，則是不能使用text()方法操作的。運行一下結果：圖2由於我們是將Jquery代碼放在就緒函數中的，因此，只要頁面一運行，就會執行，直接給div元素賦值。總結：使用div1.text()獲取div元素的值，使用div1.text(「新值」)給div元素賦值。
  • 使用jQuery的remove()和empty()方法刪除Html元素及子元素和內容
    在jQuery中有2個方法可以完成在整個Html DOM樹中刪除指定元素或該元素下的子元素。(1). remove()方法：使用該方法可以在Html DOM中刪除當前選擇的元素及期該元素下的所有子元素全部刪除。
  • 第八篇:jQuery的使用及元素選擇器
    引入jQuery庫到網頁文檔jQuery庫下載成功後，它是一個JS文件，當前下載的版本是jQuery3.5.1，下載的JS文件為：jquery-3.5.1.min.js在網頁文檔中要使用jQuery庫，可以將jQuery
  • jQuery - each() 方法
    定義和用法each() 方法為每個匹配元素規定要運行的函數。提示：返回 false 可用於及早停止循環。element - 當前的元素（也可使用 "this" 選擇器）。><head><meta charset="utf-8"><title>菜鳥教程(runoob.com)</title><script src="https://cdn.staticfile.org/jquery
  • jQuery.each()方法
    DOCTYPE html><html><head><meta charset="utf-8"><title>jQuery.each()方法</title>
  • jQuery中使用parent()、parents()和parentsUntil()查找父元素
    02第二節：使用parent()方法查找父元素在jQuery中，封裝了一個名稱為parent()的方法，該方法的功能是返回當前注意：parent()方法只會在Html DOM樹中，只向它的上一個層次查找到父元素，也就是在Html DOM樹形結構中，只向上查找到該元素的第一個父級元素。使用jQuery的parent()方法查找直接第一個父元素的代碼如下：<!
  • jQuery - AJAX post() 方法
    jQuery $.post() 方法$.post() 方法通過 HTTP POST 請求向伺服器提交數據。實例：使用 $.post() 連同請求一起發送數據$("button").click(function(){ $.post("demo_post.php", {
  • jquery非常詳細的使用教程
    , 所以需要將彈出層放在Body元素中的第一層.使用event對象的stopPropagation()方法可以取消冒泡. 還有一種常用方式是使用javascript變量存儲數據.這兩種方式在第5章時有過講解: http://www.cnblogs.com/zhangziqiu/archive/2009/05/06/jQuery-Learn-5.html (5)更換主題大家注意實例中的彈出層沒有為其編輯任何樣式, 但是顯示出來後已經被美化過了
  • JQuery
    ,不需要再重複定義,這樣極大 簡化了javascript的編程1.1 使用步驟 1.編寫一個HTML文檔 2.引入jQuery文件 3.使用jQuert獲取元素2 基本語法2.1 對象轉換1.jQuery 本質上雖然也是 JS，但如果想使用 jQuery 的屬性和方法那麼必須保證對象是 jQuery 對象，而不是
  • 編寫jquery插件的分享
    作為一個前段程式設計師，肯定經常用到一些javascript插件吧，不得不承認，jquery是其中的比較優秀的插件之一，那麼我們有沒有想過我們自己也可以來封裝一個插件呢，下面我給大家分享一些方法，希望對大家有些幫助。
  • jQuery的first()、last()、eq()、filter()和not()方法過濾元素
    我們可以使用jQuery選擇器獲取一個Html元素的集合，然後再使用first()得到集合中的第一個元素。現在舉一個例子，演示一下first()方法的使用：<!03第3節：last()方法使用jQuery中的last()方法可以獲取當前所選元素集合中的最後一個元素。使用last()方法定位的只能是一個元素，且是元素集合中的最後一個元素。
  • Jquery attr()方法 屬性賦值和屬性獲取
    jquery中用attr()方法來獲取和設置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經常用到attr
  • 教程:---《JQuery如何工作》
    ;   }); });保存HTML文件，在瀏覽器中刷新此文件，點擊網頁中的超連結，在連接到指定頁面之前首先會彈出一個提示框。在點擊和其他的很多事件中，你可以在這裡使用event.preventDefault()來阻止其進行默認行為。
  • jQuery的attr()、append()、after()和before()方法操作HTML元素
    如：<input id=」txtId」 type=」text」/>，在此標記中，id和type都是屬性名，賦值號(=)後面用雙引號括起來的是屬性值。在jQuery中，使用封裝好的attr()方法可以獲取Html元素的屬性的值和給Html屬性設置值。
  • JQuery的動畫操作
    選擇器jquery選擇器可以快速的選擇元素，選擇規則與css一致，使用length屬性判斷是否選擇成功$(document)//選擇整個文檔對象$("li")//使用jquery對象用$(this)$("#butt").click(function(){4.
  • jQuery 設置
    jQuery - 設置內容和屬性設置內容 - text()、html() 以及 val()我們將使用前一章中的三個相同的方法來設置內容：
  • jQuery 1.5發布 Ajax模塊重寫
    -1.5.min.jsGoogle：https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js （發稿時為止尚未上線）新版本的主要改進可以參見變更日誌：http://api.jquery.com/category/version/1.5/。