溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關angularjs獲取元素以及angular.element()用法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。
具體如下：
addClass()-為每個匹配的元素添加指定的樣式類名
after()-在匹配元素集合中的每個元素后面插入參數所指定的內容，作為其兄弟節點
append()-在每個匹配元素里面的末尾處插入參數內容
attr() - 獲取匹配的元素集合中的第一個元素的屬性的值
bind() - 為一個元素綁定一個事件處理程序
children() - 獲得匹配元素集合中每個元素的子元素，選擇器選擇性篩選
clone()-創建一個匹配的元素集合的深度拷貝副本
contents()-獲得匹配元素集合中每個元素的子元素，包括文字和注釋節點
css() - 獲取匹配元素集合中的第一個元素的樣式屬性的值
data()-在匹配元素上存儲任意相關數據
detach()-從DOM中去掉所有匹配的元素
empty()-從DOM中移除集合中匹配元素的所有子節點
eq()-減少匹配元素的集合為指定的索引的哪一個元素
find() - 通過一個選擇器，jQuery對象，或元素過濾，得到當前匹配的元素集合中每個元素的后代
hasClass()-確定任何一個匹配元素是否有被分配給定的（樣式）類
html()-獲取集合中第一個匹配元素的HTML內容
next() - 取得匹配的元素集合中每一個元素緊鄰的后面同輩元素的元素集合。如果提供一個選擇器，那么只有緊跟著的兄弟元素滿足選擇器時，才會返回此元素
on() - 在選定的元素上綁定一個或多個事件處理函數
off() - 移除一個事件處理函數
one() - 為元素的事件添加處理函數。處理函數在每個元素上每種事件類型最多執行一次
parent() - 取得匹配元素集合中，每個元素的父元素，可以提供一個可選的選擇器
prepend()-將參數內容插入到每個匹配元素的前面（元素內部）
prop()-獲取匹配的元素集中第一個元素的屬性（property）值
ready()-當DOM準備就緒時，指定一個函數來執行
remove()-將匹配元素集合從DOM中刪除。（同時移除元素上的事件及 jQuery 數據。）
removeAttr()-為匹配的元素集合中的每個元素中移除一個屬性（attribute）
removeClass()-移除集合中每個匹配元素上一個，多個或全部樣式
removeData()-在元素上移除綁定的數據
replaceWith()-用提供的內容替換集合中所有匹配的元素并且返回被刪除元素的集合
text()-得到匹配元素集合中每個元素的合并文本，包括他們的后代
toggleClass()-在匹配的元素集合中的每個元素上添加或刪除一個或多個樣式類,取決于這個樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（添加）一個類
triggerHandler() -為一個事件執行附加到元素的所有處理程序
unbind() - 從元素上刪除一個以前附加事件處理程序
val()-獲取匹配的元素集合中第一個元素的當前值
wrap()-在每個匹配的元素外層包上一個html元素
ng-click得到當前元素,angular.element()用法
話題1：ng-click獲得當前元素，不多說直接看示例代碼
<!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()用法（這只是一個醬油）
在Control中，angular.element()返回一個jquery對象，如angular.element(document).ready(function(){});
所以你可以對她做你對所有jquery對象可以做的事
返回指定元素的scope：
var sidebar = document.getElementsById('sidebar');
var scope = angular.element(sidebar).scope();感謝各位的閱讀！關于“angularjs獲取元素以及angular.element()用法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
