jQuery 提供了一系列的 HTML 和 CSS 操作方法,使得操作文档元素更为方便。以下是一些常用的 jQuery HTML 和 CSS 方法:

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