jquery将指定标签中的元素添加其后面

问题分析：

首先复述一下你的需求：在页面加载完毕后，将页面中#skin下的img标签进行修改，将其alt属性的值复制一份到其title属性。并在其后面追加h4标签，h4标签的内容为alt属性的值。

解决步骤：

通过使用jQuery的each方法遍历多个img标签。

1、获取alt属性的值。

2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。

3、通过jQuery的after方法将h4标签追加到img的后面。

举例如下：

HTML代码：

<div id="skin">

    <img src="felix.jpg" alt="felix">

    <img src="felix.jpg" alt="felix">

    <img src="felix.jpg" alt="felix">

</div>

jQuery代码：

$.each($('#skin img'), function() {

    var alt = $(this).attr('alt')

    $(this).attr('title', alt).after('<h4>' + alt + '</h4>')

})

页面运行后的HTML代码：

总结：从以上代码截图可以看出，在页面运行后，img标签中多了title属性，以及后面被追加了h4标签，title属性以及h4标签的值与alt属性完全相等。

$('element').on('click',function(){

/*获取该元素*/

console.log($(this))

alert('click')

})

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

基本语法：

$(selector).on(event,childSelector,data,function,map)

实例：

$("p").on("click",function(){

alert("The paragraph was clicked.")

})

1、肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。

2、on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

3、bind函数，bind是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数。

4、delegate函数，delegate(selector,type,[data],fn)参数多了一个selector，用来指定触发事件的目标元素，监听器将被绑定在调用此方法的元素上。

5、jquery在版本升级的过程中，内容和方法肯定是更新迭代，为更好的服务于开发者，所以各版本肯定有所差异。

---