HTML 方法:
1. .html() 方法: 获取或设置元素的 HTML 内容。
// 获取元素的 HTML 内容
var content = $('#myElement').html();
// 设置元素的 HTML 内容
$('#myElement').html('<p>New content</p>');
2. .text() 方法: 获取或设置元素的文本内容。
// 获取元素的文本内容
var textContent = $('#myElement').text();
// 设置元素的文本内容
$('#myElement').text('New text content');
3. .val() 方法: 获取或设置表单元素的值。
// 获取输入框的值
var inputVal = $('#myInput').val();
// 设置输入框的值
$('#myInput').val('New value');
CSS 方法:
1. .css() 方法: 获取或设置元素的 CSS 属性。
// 获取元素的背景颜色
var bgColor = $('#myElement').css('background-color');
// 设置元素的样式
$('#myElement').css({
'color': 'red',
'font-size': '16px'
});
2. .addClass() 和 .removeClass() 方法: 添加或移除元素的类。
// 添加类
$('#myElement').addClass('newClass');
// 移除类
$('#myElement').removeClass('oldClass');
3. .toggleClass() 方法: 切换元素的类。
// 切换类
$('#myElement').toggleClass('active');
4. .width() 和 .height() 方法: 获取或设置元素的宽度和高度。
// 获取元素的宽度
var elementWidth = $('#myElement').width();
// 设置元素的宽度
$('#myElement').width(200);
这些方法使得在 jQuery 中进行 HTML 和 CSS 操作变得更加便捷。你可以根据具体的需求使用这些方法进行元素的增删改查、样式的设置和获取等操作。
转载请注明出处:http://www.zyzy.cn/article/detail/12899/jQuery