jQuery学习笔记之jQuery常用方法,专题解析
$(document).ready(function() {
// 1. $.each() 方法
var arr = ['apple', 'banana', 'cherry'];
$.each(arr, function(index, value) {
console.log('Index: ' + index + ', Value: ' + value);
});
var obj = {one: 'apple', two: 'banana', three: 'cherry'};
$.each(obj, function(key, value) {
console.log('Key: ' + key + ', Value: ' + value);
});
// 2. $.trim() 方法
var str = ' Hello, World! ';
var trimmedStr = $.trim(str);
console.log(trimmedStr); // 输出: "Hello, World!"
// 3. $.ajax() 方法
$.ajax({
url: 'your-api-endpoint',
type: 'GET',
dataType: 'json',
success: function(data) {
console.log('Data received:', data);
},
error: function(xhr, status, error) {
console.error('An error occurred:', status, error);
}
});
// 4. $.noConflict() 方法
var jq = $.noConflict();
jq(document).ready(function() {
jq('p').text('jQuery is no longer $');
});
});
这段代码展示了如何使用jQuery的四个常用方法:$.each()
用于遍历数组和对象;$.trim()
用于去除字符串两端的空白字符;$.ajax()
用于异步发送HTTP请求;$.noConflict()
用于释放jQuery对$
符号的控制,使其不再被jQuery占用。
评论已关闭