博客

下面是关于jQuery设置内容和属性的完整攻略：

jQuery设置元素内容

1. text()方法：可以设置或获取元素的文本内容。用法：$(selector).text(content)。
   示例代码：

//HTML部分
<div id="myDiv">这是一个div元素</div>

//JQuery部分
$(document).ready(function(){
  //设置div元素的文本内容
  $('#myDiv').text('这是一个新的div元素');
});

1. html()方法：可以设置或获取元素的HTML内容。用法：$(selector).html(content)。
   示例代码：

//HTML部分
<div id="myDiv">这是一个div元素</div>

//JQuery部分
$(document).ready(function(){
  //设置div元素的HTML内容
  $('#myDiv').html('<p>这是一个包含段落的div元素</p>');
});

jQuery设置元素属性

1. attr()方法：可以设置或获取元素的属性值。用法：$(selector).attr(attributeName, value)。
   示例代码：

//HTML部分
<img id="myImg" src="old-image.jpg">

//JQuery部分
$(document).ready(function(){
  //设置图片的src属性
  $('#myImg').attr('src','new-image.jpg');
});

1. prop()方法：可以设置或获取元素的属性值。用法：$(selector).prop(propertyName, value)。
   示例代码：

//HTML部分
<input type="checkbox" id="myCheckbox">

//JQuery部分
$(document).ready(function(){
  //设置复选框的状态为checked
  $('#myCheckbox').prop('checked',true);
});

希望这些代码示例对你有所帮助！