JQuery设置元素属性和内容

普通属性

1.设置属性：

• 设置单个属性：$(选择器).attr("属性名","属性值")
• 设置多个属性：$(选择器).attr({属性名:"属性值",属性名:"属性值"…})  这里的属性名可加引号也可不加引号

2.获取属性：

• $(选择器).attr("属性名")

3.删除属性：

• $(选择器).removeAttr("属性名")

示例：

运行结果：

 

css属性

1.设置css属性：

• 设置单个css属性：$(选择器).css("属性名","属性值")
• 设置多个css属性：$(选择器).css({属性名:"属性值",属性名:"属性值"…})        这里属性名的引号可加可不加

2.获取css属性：

• $(选择器).css("属性名")

3.添加样式：

• $(选择器).addClass("样式名")

4.删除样式：

• $(选择器).removeClass("样式名")

示例：

    
    





    

        
hello world
    

运行结果：

 

元素内容

1.设置元素内容：

• 设置的内容不会被html解析：$(选择器).text("内容")
• 设置的内容会被html解析：$(选择器).html(''内容')

2.获取元素内容：

• 获取的内容是呈现在页面上的：$(选择器).text()
• 获取的内容是元素里的源代码内容：$(选择器).html()

通常text()方法用于元素里的内容是纯文本，html()方法用于元素里的内容含有html标记。

示例：

    
    




    

    

    

        
>hello world<
    

运行结果：

 

表单对象value值

1.设置value值：

• $(选择器).val("value值")

2.获取value值

• $(选择器).val()

示例：

运行结果：