溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

angularjs獲取元素以及angular.element()用法

發(fā)布時(shí)間：2021-04-20 14:33:10 來(lái)源：億速云 閱讀：331 作者：小新 欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)angularjs獲取元素以及angular.element()用法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

JS是什么

JS是JavaScript的簡(jiǎn)稱，它是一種直譯式的腳本語(yǔ)言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開(kāi)發(fā)，可以給網(wǎng)站添加各種各樣的動(dòng)態(tài)效果，讓網(wǎng)頁(yè)更加美觀。

具體如下：

  1. addClass()-為每個(gè)匹配的元素添加指定的樣式類名

  2. after()-在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容，作為其兄弟節(jié)點(diǎn)

  3. append()-在每個(gè)匹配元素里面的末尾處插入?yún)?shù)內(nèi)容

  4. attr() - 獲取匹配的元素集合中的第一個(gè)元素的屬性的值

  5. bind() - 為一個(gè)元素綁定一個(gè)事件處理程序

  6. children() - 獲得匹配元素集合中每個(gè)元素的子元素，選擇器選擇性篩選

  7. clone()-創(chuàng)建一個(gè)匹配的元素集合的深度拷貝副本

  8. contents()-獲得匹配元素集合中每個(gè)元素的子元素，包括文字和注釋節(jié)點(diǎn)

  9. css() - 獲取匹配元素集合中的第一個(gè)元素的樣式屬性的值

  10. data()-在匹配元素上存儲(chǔ)任意相關(guān)數(shù)據(jù)

  11. detach()-從DOM中去掉所有匹配的元素

  12. empty()-從DOM中移除集合中匹配元素的所有子節(jié)點(diǎn)

  13. eq()-減少匹配元素的集合為指定的索引的哪一個(gè)元素

  14. find() - 通過(guò)一個(gè)選擇器，jQuery對(duì)象，或元素過(guò)濾，得到當(dāng)前匹配的元素集合中每個(gè)元素的后代

  15. hasClass()-確定任何一個(gè)匹配元素是否有被分配給定的（樣式）類

  16. html()-獲取集合中第一個(gè)匹配元素的HTML內(nèi)容

  17. next() - 取得匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。如果提供一個(gè)選擇器，那么只有緊跟著的兄弟元素滿足選擇器時(shí)，才會(huì)返回此元素

  18. on() - 在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)

  19. off() - 移除一個(gè)事件處理函數(shù)

  20. one() - 為元素的事件添加處理函數(shù)。處理函數(shù)在每個(gè)元素上每種事件類型最多執(zhí)行一次

  21. parent() - 取得匹配元素集合中，每個(gè)元素的父元素，可以提供一個(gè)可選的選擇器

  22. prepend()-將參數(shù)內(nèi)容插入到每個(gè)匹配元素的前面（元素內(nèi)部）

  23. prop()-獲取匹配的元素集中第一個(gè)元素的屬性（property）值

  24. ready()-當(dāng)DOM準(zhǔn)備就緒時(shí)，指定一個(gè)函數(shù)來(lái)執(zhí)行

  25. remove()-將匹配元素集合從DOM中刪除。（同時(shí)移除元素上的事件及 jQuery 數(shù)據(jù)。）

  26. removeAttr()-為匹配的元素集合中的每個(gè)元素中移除一個(gè)屬性（attribute）

  27. removeClass()-移除集合中每個(gè)匹配元素上一個(gè)，多個(gè)或全部樣式

  28. removeData()-在元素上移除綁定的數(shù)據(jù)

  29. replaceWith()-用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合

  30. text()-得到匹配元素集合中每個(gè)元素的合并文本，包括他們的后代

  31. toggleClass()-在匹配的元素集合中的每個(gè)元素上添加或刪除一個(gè)或多個(gè)樣式類,取決于這個(gè)樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（添加）一個(gè)類

  32. triggerHandler() -為一個(gè)事件執(zhí)行附加到元素的所有處理程序

  33. unbind() - 從元素上刪除一個(gè)以前附加事件處理程序

  34. val()-獲取匹配的元素集合中第一個(gè)元素的當(dāng)前值

  35. wrap()-在每個(gè)匹配的元素外層包上一個(gè)html元素

 ng-click得到當(dāng)前元素,angular.element()用法

話題1：ng-click獲得當(dāng)前元素，不多說(shuō)直接看示例代碼

<!DOCTYPE html>

<html>

<head>

  <title></title>

  <script src="lib/jquery/jquery-1.10.2.min.js"></script>

  <script src="lib/angular/angular.min.js"></script>

</head>

<body ng-app>

<div ng-controller="TestCtrl">

  <a href data="1" ng-click="GoPage($event.target)">1</a>

  <a href data="2" ng-click="GoPage($event.target)">2</a>

  <a href data="3" ng-click="GoPage($event.target)">3</a>

  <a href data="4" ng-click="GoPage($event.target)">4</a>

  <a href data="5" ng-click="GoPage($event.target)">5</a>

  {{ page }}

</div>

<script>

  function TestCtrl($scope) {

    $scope.page = 1;

    $scope.getData = function () {

      console.log($scope.page);

    }

    $scope.GoPage = function (target) {

      $scope.page = target.getAttribute('data');

      this.getData();

    }

  }

</script>

</body>

</html>

話題2：angular.element()用法（這只是一個(gè)醬油）

在Control中，angular.element()返回一個(gè)jquery對(duì)象，如angular.element(document).ready(function(){});

所以你可以對(duì)她做你對(duì)所有jquery對(duì)象可以做的事

返回指定元素的scope：

var sidebar = document.getElementsById('sidebar');
var scope = angular.element(sidebar).scope();

感謝各位的閱讀！關(guān)于“angularjs獲取元素以及angular.element()用法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手