在jquery中通过获得imgjs图片按钮对象,使用attr()方法设置src属性便可实现点击按钮更换js图片按钮了。下面小编举例讲解jquery实现点击按钮更换js图片按钮
-
jquery实现点击按钮更换js图片按钮
-
新建┅个html文件,命名为test.html用于讲解jquery中如何以逗号分割字符串。
-
在test.html文件内在p标签内,使用img标签创建一张js图片按钮并设置img标签的id为pic。
-
在test.html文件内使用button标签创建一个按钮,按钮名称为“更换js图片按钮”
-
在test.html文件中,给button按钮绑定onclick点击事件当按钮被点击时,执行editsrc()函数
-
在js标签中,创建editsrc()函数在函数内,通过id(pic)获得js图片按钮对象使用attr()方法设置src属性为新的js图片按钮地址,从而实现点击按钮更换js图片按钮的效果
-
在浏覽器打开test.html文件,查看实现的效果
-
2、在文件内,在p标签内使用img标签创建一张js图片按钮,同时创建一个button按钮用于触发执行js函数。
3、在js標签内,创建函数在函数内,获得js图片按钮对象使用attr()方法设置src属性为新的js图片按钮地址,从而实现点击按钮更换js图片按钮的效果
-
在jqueryΦ,attr()方法主要用于设置或返回被选元素的属性值
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相關领域专业人士。