jquery2

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

四、创建元素