jquery2
一、获取属性
1、获取自有属性prop()
<a href="http://www.baidu.com">百度</a>
$(function() {
prop用来获取自有属性
console.log($("a").prop("href"));
})
2、设置并设置自定义属性
利用attr设置并读取自定义属性
<a href="http://www.baidu.com" index = "1">百度</a>
//读取自定义属性
console.log($("a").attr("index"));
$("a").attr("index",2)
二、设置以及获取元素文本内容
1、html()方法
这个类似于原生js种的innerHtml
如果html()括号里面没有写东西的话,是获取值;如果写了东西就是设置值
<script>
$(function(){
console.log($("h3").html());
console.log($("div").html());
})
</script>
<h3>hello world</h3>
<div>
<span>
你好
</span>
</div>
设置值
console.log($("div").html(“good”));
2、text()方法
和上面的类似这个不会选出html标签
3、设置获取表单值val()方法
<input type="text" name="" id="" value="hello">
console.log($("input").val());
设置值
console.log($("input").val(“marry”));
三、jquery遍历
1、第一种遍历
obj.each(function(index,ele)); //这个ele是dom对象想要使用需要转换为jquery用$(ele);
index返回的是索引号
$(ele).txet()返回的是里面的内容
<div>1</div>
<div>2</div>
<div>3</div>
$("div").each(function(index,Domele){
console.log(index);
console.log($(Domele).text());
})
返回索引号0、1、2;返回内容值1、2、3.
2、第二种遍历
$.each(obj,function(index,ele)) //
如果obj是一个对象那么index返回的就是键,ele返回的就是键对应的值
$.each({
name:"top",
age:12,
},function(index,Domele){
// console.log(index);
console.log(index);
console.log(Domele);
})
第一个console返回的是name和age
第二个consle返回的是top和12
四、创建元素