jquery标签添加,jquery 添加

如何使用jquery添加一个a标签

$("ul").prepend('a href=""/a'); /* ul 内-前面 插入内容 */

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比黄石网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式黄石网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖黄石地区。费用合理售后完善,十余年实体公司更值得信赖。

$("ul").append('a href=""/a'); /* ul 内-后面 插入内容 */

$("ul").before('a href=""/a'); /* ul 外-前面 插入内容 */

$("ul").after('a href=""/a'); /* ul 外-后面 插入内容 */

jquery 添加标签求助

!DOCTYPE html

html

head

script src="

link href="

link href="

style

.selectcase li {float:left; list-style:none outside none;}

/style

script src="

script src="

meta charset="utf-8"

titleJS Bin/title

/head

body

ui id="tags"

liAAAAA/li

liBBBBB/li

liCCCCC/li

/ui

当前条件

div

ui class="selectcase"

/ui

/div

script

$(function(){

$("#tags li").click(function(){

var tagsName = $(this).text(),

selectCase = $(".selectcase:eq(0)");

if(selectCase.find("[data-id='"+ tagsName +"']").size()==0){

var selectTags = "lia class=\"btn btn-primary\" data-id=\""+ tagsName +"\""+ tagsName +"button class=\"close closetag\" type=\"button\" ×/button/a/li";

selectCase.append(selectTags);

}

});

tagCloseSelf();

});

function tagCloseSelf(){

$(".selectcase").on("click", ".btn", function(){

$(this).parent().remove();

})

};    

/script

/body

/html

效果见

jquery 怎么给标签添加属性

var anElement = $("#someElement");anElement.attr("anyAttribute","anyValue");// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性

jquery操作html标签的方法非常多,小编在这里总结一下。

首先,引入jquery,jquery下载地址在文章末尾的相关链接给出,这是运用jquery的第一步,也是必不可少的一步!

代码如下:

head

script src="jquery.js"/script

/head

当然,你也可以不下载,直接引用。

代码如下:

head

script src="/jquery/1.8.0/jquery.min.js"/script

/head

注意jquery的版本,及时更新。

接下来介绍jquery的第一种操作html标签的方法。

1.操作已经存在的html标签的属性!

这就需要用到一个非常强大的函数attr()

函数写法:

var ss=$("HTML标签的ID").attr("想要获得的属性");

这样准确ID的HTML标签的指定属性的值就会赋给变量ss。

例如:var ss=$("#id").attr("value");

当然还可以给准确ID的HTML标签的指定属性赋值。

函数写法:

$("HTML标签的ID").attr("想要改变的属性","改变的值");

例如:$("#id").attr("class","aaa");

这样可以将ID为"id"的HTML标签的class改为aaa.

利用这个函数更改HTML标签的类或ID,配合样式表可以做出非常炫的动态效果!

贴上样例图:

2.jquery向指定位置添加不存在的HTML标签!

这次需要的函数是append()或appendto()

有很多人搞不起这两个函数的区别,稍后会讲明。

函数写法:

$("HTML标签的ID").append("完整的HTML标签");

例如:$("#id").append("input type='text' value=' ' id='aa' /");

HTML标签的ID是为了定位添加的HTML标签,添加的HTML标签将会出现于指定ID标签的后面!注意控制排版!

贴上样例图:

接下来介绍appendto()的用法以及它和append()的区别!

函数写法:

$("完整的HTML标签").appendto("HTML标签的ID");

例如:$("input type='text' value=' ' id='aa' /").append("#id");

这样也可以达到与append()的相同效果,至于区别,也许你已经发现了,区别就是前后两个括号的内容反过来了,先填写HTML标签,再写指定元素ID。

但是即使这样写,添加的HTML标签仍会出现于指定ID标签的后面!

这个就不贴样例图了。

操作HTML的函数还有很多,比如图中提到的CSS()。

这是操作指定属性的。用attr()也可以做到,所以就不再介绍。

这里贴上一张jquery操作HTML的方法汇总图。


当前名称:jquery标签添加,jquery 添加
链接URL:http://azwzsj.com/article/dsseghg.html