詳解angularjs獲取元素以及angular.element()用法
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 22:34:17
詳解angularjs獲取元素以及angular.element()用法
詳解angularjs獲取元素以及angular.element()用法:本文介紹了詳解angularjs獲取元素以及angular.element()用法 ，分享給大家，具體如下： addClass()-為每個(gè)匹配的元素添加指定的樣式類名 after()-在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容，作為其兄弟節(jié)點(diǎn) append()-在每個(gè)匹配元素里
導(dǎo)讀詳解angularjs獲取元素以及angular.element()用法:本文介紹了詳解angularjs獲取元素以及angular.element()用法 ，分享給大家，具體如下： addClass()-為每個(gè)匹配的元素添加指定的樣式類名 after()-在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容，作為其兄弟節(jié)點(diǎn) append()-在每個(gè)匹配元素里
本文介紹了詳解angularjs獲取元素以及angular.element()用法 ，分享給大家，具體如下：
- addClass()-為每個(gè)匹配的元素添加指定的樣式類名
- after()-在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容，作為其兄弟節(jié)點(diǎn)
- append()-在每個(gè)匹配元素里面的末尾處插入?yún)?shù)內(nèi)容
- attr() - 獲取匹配的元素集合中的第一個(gè)元素的屬性的值
- bind() - 為一個(gè)元素綁定一個(gè)事件處理程序
- children() - 獲得匹配元素集合中每個(gè)元素的子元素，選擇器選擇性篩選
- clone()-創(chuàng)建一個(gè)匹配的元素集合的深度拷貝副本
- contents()-獲得匹配元素集合中每個(gè)元素的子元素，包括文字和注釋節(jié)點(diǎn)
- css() - 獲取匹配元素集合中的第一個(gè)元素的樣式屬性的值
- data()-在匹配元素上存儲(chǔ)任意相關(guān)數(shù)據(jù)
- detach()-從DOM中去掉所有匹配的元素
- empty()-從DOM中移除集合中匹配元素的所有子節(jié)點(diǎn)
- eq()-減少匹配元素的集合為指定的索引的哪一個(gè)元素
- find() - 通過一個(gè)選擇器，jQuery對(duì)象，或元素過濾，得到當(dāng)前匹配的元素集合中每個(gè)元素的后代
- hasClass()-確定任何一個(gè)匹配元素是否有被分配給定的（樣式）類
- html()-獲取集合中第一個(gè)匹配元素的HTML內(nèi)容
- next() - 取得匹配的元素集合中每一個(gè)元素緊鄰的后面同輩元素的元素集合。如果提供一個(gè)選擇器，那么只有緊跟著的兄弟元素滿足選擇器時(shí)，才會(huì)返回此元素
- on() - 在選定的元素上綁定一個(gè)或多個(gè)事件處理函數(shù)
- off() - 移除一個(gè)事件處理函數(shù)
- one() - 為元素的事件添加處理函數(shù)。處理函數(shù)在每個(gè)元素上每種事件類型最多執(zhí)行一次
- parent() - 取得匹配元素集合中，每個(gè)元素的父元素，可以提供一個(gè)可選的選擇器
- prepend()-將參數(shù)內(nèi)容插入到每個(gè)匹配元素的前面（元素內(nèi)部）
- prop()-獲取匹配的元素集中第一個(gè)元素的屬性（property）值
- ready()-當(dāng)DOM準(zhǔn)備就緒時(shí)，指定一個(gè)函數(shù)來執(zhí)行
- remove()-將匹配元素集合從DOM中刪除。（同時(shí)移除元素上的事件及 jQuery 數(shù)據(jù)。）
- removeAttr()-為匹配的元素集合中的每個(gè)元素中移除一個(gè)屬性（attribute）
- removeClass()-移除集合中每個(gè)匹配元素上一個(gè)，多個(gè)或全部樣式
- removeData()-在元素上移除綁定的數(shù)據(jù)
- replaceWith()-用提供的內(nèi)容替換集合中所有匹配的元素并且返回被刪除元素的集合
- text()-得到匹配元素集合中每個(gè)元素的合并文本，包括他們的后代
- toggleClass()-在匹配的元素集合中的每個(gè)元素上添加或刪除一個(gè)或多個(gè)樣式類,取決于這個(gè)樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（添加）一個(gè)類
- triggerHandler() -為一個(gè)事件執(zhí)行附加到元素的所有處理程序
- unbind() - 從元素上刪除一個(gè)以前附加事件處理程序
- val()-獲取匹配的元素集合中第一個(gè)元素的當(dāng)前值
- wrap()-在每個(gè)匹配的元素外層包上一個(gè)html元素
ng-click得到當(dāng)前元素,angular.element()用法
話題1：ng-click獲得當(dāng)前元素，不多說直接看示例代碼
<!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();
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳解angularjs獲取元素以及angular.element()用法
詳解angularjs獲取元素以及angular.element()用法:本文介紹了詳解angularjs獲取元素以及angular.element()用法 ，分享給大家，具體如下： addClass()-為每個(gè)匹配的元素添加指定的樣式類名 after()-在匹配元素集合中的每個(gè)元素后面插入?yún)?shù)所指定的內(nèi)容，作為其兄弟節(jié)點(diǎn) append()-在每個(gè)匹配元素里
