JQuery中点击一次添加按钮,增加一个div的思路如下
给按钮注册一个点击的监听事件
在监听器中创建一个div元素附加在一个html元素后面
示例代码如下
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<style type="text/css">
#father
{
width:150px
height:150px
background-color:red
}
#father div
{
width:50px
height:50px
background-color:green
font-size:12px
}
</style>
<script type="text/javascript" src="/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
})
//father元素后面增加一个div元素
$("#father").prepend("<div>新的div</div>")
})
</script>
</head>
<body>
<input type="button" value="增加div" id="btn">
<div id="father"></div>
</body>
</html>
使用ajax。
参考代码:
$(function(){
$.ajax({
type:"POST", url:"LoginLoadArticle.ashx",
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg)
}, error:function(XMLHttpRequest, textStatus, thrownError){}})
})
扩展资料:
xml:返回XML文档,可用JQuery处理。
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
script:返回纯文本JavaScript代码。不会自动缓存结果。除非设置了cache参数。注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。
json:返回JSON数据。
jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=?,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。
text:返回纯文本字符串。
beforeSend:要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数。
使用attr()或prop()方法为id属性赋值即可,关键代码$(obj_div).attr('id',id_name)
$(obj_div).prop('id',id_name)
实例演示如下:点击按钮设置div标签的id为test,为了便于观察效果,css中设置了id为test的样式为红色
1、HTML结构
<style>
#test{color:red !importantfont-weight:bold}
</style>
<div>我是示例DIV</div>
<input type="button" value="设置上一个div的id为test">
2、jquery代码
$(function(){
$("input:button").click(function() {
$(this).prev("div").attr("id","test")
})
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)