HTML超链接可以用a标签来设置。
1、新建html文档,在body标签中添加a标签,为a标签添加“href”属性:
2、设置“href”属性的属性值为“page.html”,这时点击a标签会跳转到“page.html”页面:
3、为a标签设置“target”属性,属性值为“_blank”,这样“page.html”会在新标签打开,设置为“_self”则会在自身页面打开:
$("ul").prepend('<a href=""></a>') /* ul 内-前面 插入内容 */$("ul").append('<a href=""></a>') /* ul 内-后面 插入内容 */
$("ul").before('<a href=""></a>') /* ul 外-前面 插入内容 */
$("ul").after('<a href=""></a>') /* ul 外-后面 插入内容 */
1、新建一个html文件,命名为test.html。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用div标签创建一个模块,在div内,使用img标签创建两张图片。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“添加a标签”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行addhref()函数。
6、在js标签中,创建addhref()函数,在函数内,通过获得img标签对象,使用each()方法遍历每一个img对象,使用wrap()方法给每一个img对象添加a链接标签。
7、在浏览器打开test.html文件,点击按钮,查看实现的效果。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)