Jquery（二）

操作元素的属性：

　取值
    attr("属性名")
    prop("属性名")
   赋值
    attr("属性名","属性值")
    prop("属性名","属性值")
   移除属性
    removeAttr("属性名")

属性分类： 
    1、固有属性　　attr和prop都可操作
     元素本身就有的属性
    2、返回boolean类型的属性（固有属性）
     selected、checked、disabled

• 如果元素是选中状态，attr返回选中的值，prop返回true
• 如果元素是未选中状态，attr返回的是undefined，prop返回的是false

    3、自定义属性
     用户自己定义在元素上的属性　　attr可以操作，prop不可操作

总结：如果属性返回值是boolean类型，则使用prop；否则使用attr。

 

操作元素的样式：

• attr("class")    获取元素的样式名
• attr("class","属性值")  设置元素的样式名（原来的样式会被覆盖）
• addClass("class名称");  添加元素的样式名（在原有的样式基础上添加新的样式，原本样式会保留；如果出现相同的样式，则以 后定义的样式为准）
• css()      添加元素的具体样式，添加的样式会在style标签中
• css("样式名称","样式值");        设置某一个具体样式
• css({"样式名称1":"样式值1","样式名称2":"样式值2"}); 设置多个具体样式
• removeClass("class名称")  移除元素的样式名

操作元素的内容：

获取元素的值：
     html()
     text()
     val()

赋值：
     html("内容")
     text("内容")
     val("内容")

注意：

1、html()能够识别html标签，text()只能使用纯文本

2、val()是给表单元素赋值，html()和text()是给非表单元素
3、表单元素
       文本框、密码框、文本域、下拉框、单选框、多选框、隐藏域、按钮、文件域
      非表单元素
       div、p、h1~h6、a、span、table、tr、td、ul、li、ol等

删除元素：

remove() 删除所选元素或指定的子元素，包括整个标签和内容一起删。
empty()  清空所选元素的内容

遍历元素：

each()

$(selector).each(function(index,element)) :遍历元素
参数 function 为遍历时的回调函数，
index 为遍历元素的序列号，从 0 开始。
element是当前的元素，此时是dom元素。

 

ready加载事件（预加载事件）：

$(document).ready(function(){
     
    });
    简写：
     $(fucntion(){
      
     });
    相当于JS中的onload事件，当页面加载完毕后执行。
    ready方法可以写多个，按顺序执行
    
    onload和ready的区别：
     onload会在dom结构和资源加载完毕后执行
     rady会在dom结构加载完毕后执行

 

 bind()绑定元素事件: 
     为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。
     $(selector).bind( eventType [, eventData], handler(eventObject))
     eventType ：是一个字符串类型的事件类型，就是你所需要绑定的事件。
     这类类型可以包括如下：
     blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick,mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave,change, select, submit, keydown, keypress, keyup, error 。
     [, eventData]：传递的参数，格式：{名:值,名2:值2}
     handler(eventObject)：该事件触发执行的函数