jQuery和AngularJS是兩種常用的JavaScript庫和框架，它們都包含了許多有用的方法和函數。這篇文章將介紹其中一些方法，以幫助您更好地利用這兩個優秀的工具。

jQuery方法

1. $(selector).html() - 獲取或設置元素的HTML內容

//獲取元素的HTML內容
var htmlContent = $('#myElement').html();
//設置元素的HTML內容
$('#myElement').html('
Hello World!
');

2. $(selector).text() - 獲取或設置元素的文本內容

//獲取元素的文本內容
var textContent = $('#myElement').text();
//設置元素的文本內容
$('#myElement').text('Hello World!');

3. $(selector).attr() - 獲取或設置元素的屬性值

//獲取元素的屬性值
var attributeValue = $('#myElement').attr('src');
//設置元素的屬性值
$('#myElement').attr('src', 'image.png');

AngularJS方法

1. $scope - 控制器和視圖之間的橋梁

//定義控制器
app.controller('myController', function($scope) {
$scope.name = 'John Doe';
});
//在視圖中使用
<div ng-controller="myController">
<p>My name is {{name}}.</p>
</div>

2. ng-repeat - 在視圖中循環顯示數據

//定義控制器
app.controller('myController', function($scope) {
$scope.people = [
{name: 'John', age: 25},
{name: 'Mary', age: 30},
{name: 'Peter', age: 35}
];
});
//在視圖中使用
<div ng-controller="myController">
<ul>
<li ng-repeat="person in people">{{person.name}} ({{person.age}})</li>
</ul>
</div>

3. ng-click - 在視圖中處理點擊事件

//定義控制器
app.controller('myController', function($scope) {
$scope.greeting = '';
$scope.sayHello = function() {
$scope.greeting = 'Hello World!';
};
});
//在視圖中使用
<div ng-controller="myController">
<p>{{greeting}}</p>
<button ng-click="sayHello()">Say Hello</button>
</div>

這些是jQuery和AngularJS中的一些常用方法和指令。使用它們可以更有效地開發JavaScript應用程序。