JQuery_2
JQuery_2
勤劳的开发者px 发表于5个月前
JQuery_2
  • 发表于 5个月前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

1.JQuery_遍历方法

语法: jq对象.each(function(i,n){})

​ i是数组的下标,n下标对应的值

   var attr = [1,2,3,4,5];
        //把js对象转jq对象
        var $attr =  $(attr);

        //如果是一个参数(i),i就是数组的下标; 如果有两个参数(i,n),i就是下标,n就是对应的值
        $attr.each(function(i,n){
            alert("attr["+i+"]="+n);
        });

语法: $.each(数组,function(i,n){})

​ i是数组的下标,n下标对应的值

 $.each([1,2,3,4,5],function(i,n){
            alert("attr["+i+"]="+n);
        });

2.JQ操作文档

内部插入:父节点/子字点之间操作

append		a.append(c), 将c插入到a的内部的后面,添加最小的孩子
				<a>
					...
					<c></c>
				</a>
	prepend		a.prepend(c),将c插入到a的内部的前面,添加最大的孩子
			
				<a>
					<c></c>
					...
				</a>
	
	-------------------------------------------------
	appendTo	a.appendTo(c), 将a插入到c的内部的后面, 最小的孩子认干爹
	
				<c>
					...
					<a></a>
				</c>
	
	prependTo	a.prependTo(c),将a插入到c的内部的前面 ,最大的孩子认干爹
	
				<c>
					<a></a>
					...
				</c>

外部插入(了解:) 兄弟节点之间操作

after  a.after(c);
		<a></a><c></c>
before a.before(c);
		<c></c><a></a>
	

移除节点: 注意:自己移除自己

    remove():移除;  jq对象.remove();

3.获取值相关:val、html

val()       获得标签里面value属性的值 
val(...)    给标签value属性设置值

html()      获得标签的内容,如果有标签,一并获得。 
html(....)  设置html代码,如果有标签,将进行解析。 支持标签

text()        获得标签的内容,如果有标签,忽略标签。
text(....)    设置文本,如果含有标签,把标签当做字符串.不支持标签

<body>
		<p id="pId"><font>hello...</font></p>
		<input type="button" value="text()" id="btn1" />
		<input type="button" value="html()" id="btn2" />
	</body>
	
	<script>
		$("#btn1").click(function(){
			var data=  $("#pId").text();
			console.log("data="+data);//结果:hello...
		});
		
		
		$("#btn2").click(function(){
			var data=  $("#pId").html();
			console.log("data="+data);结果:<font>hello...</font>
		});
		
	</script>

 

共有 人打赏支持
粉丝 1
博文 51
码字总数 108225
评论 (0)
×
勤劳的开发者px
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: