-
jQuery是什么?
jQuery是一款流行的JavaScript库,具有优秀的跨浏览器兼容性和出色的HTML文档操作、事件处理、动画效果、AJAX以及插件扩展等功能。 -
jQuery自带的一些常用方法总结:
HTML文档操作
.html()
: 获取或设置匹配元素集合中的HTML内容。- 用法示例:
```
// 获取元素的HTML内容
var htmlContent = $('#myDiv').html();
// 设置元素的HTML内容
$('#myDiv').html('
This is new content.
');
```
.text()
: 获取或设置匹配元素集合中的纯文本内容。- 用法示例:
```
// 获取元素的纯文本内容
var textContent = $('#myDiv').text();
// 设置元素的纯文本内容
$('#myDiv').text('This is new text content.');
```
.attr()
: 获取或设置匹配元素集合中的属性值。- 用法示例:
```
// 获取元素的属性值
var attrValue = $('#myLink').attr('href');
// 设置元素的属性值
$('#myLink').attr('href', 'http://www.example.com');
```
事件处理
.on()
: 在匹配元素集合中的元素上绑定一个或多个事件的事件处理函数。-
用法示例:
// 绑定元素的点击事件
$('#myButton').on('click', function() {
alert('Button clicked!');
}); -
.off()
: 移除绑定在匹配元素集合中的元素上的一个或多个事件的事件处理函数。 - 用法示例:
// 移除元素的点击事件
$('#myButton').off('click');
动画效果
.show()
/.hide()
: 显示/隐藏匹配元素集合中的元素。- 用法示例:
```
// 显示元素
$('#myDiv').show();
// 隐藏元素
$('#myDiv').hide();
```
.fadeIn()
/.fadeOut()
: 淡入/淡出匹配元素集合中的元素。- 用法示例:
```
// 淡入元素
$('#myDiv').fadeIn();
// 淡出元素
$('#myDiv').fadeOut();
```
AJAX
$.ajax()
: 通过HTTP请求加载远程数据。- 用法示例:
```
// 获取远程数据(GET请求)
$.ajax({
url: 'http://www.example.com/data.json',
type: 'GET',
success: function(data) {
console.log(data);
},
error: function() {
alert('Error');
}
});
// 提交数据(POST请求)
$.ajax({
url: 'http://www.example.com/submit.php',
type: 'POST',
data:{name:'test',age:18},
success: function(data) {
console.log(data);
},
error: function() {
alert('Error');
}
});
```
以上只是jQuery自带的部分常用方法的简单总结与介绍,如果需要更深入的学习和理解,可以查看jQuery官方文档。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQuery自带的一些常用方法总结 - Python技术站