Jquery 常用方法

Jquery 操作函数

DOM操作属性

• attr() 函数，操作元素的属性，更改属性值

	<script>
        $("#b1").click(function () {
            $("#content").attr("title","content")
        });
    </script>

• prop() 函数

	<script>
        $("#b1").click(function () {
           var flag = $("#hobby").prop("checked");
           //这个函数适用于checked、selected的值的获取
        });
    </script>

样式操作

• 添加class属性值
  有两种方式：attr 可以操作属性，添加一个元素的class属性
  这里是另一种方式：通过**addClass()**函数来操作

<script>
	   $("#b1").click(function () {
           $("#one").addClass("sconde");
			//给id属性值为one的元素添加一个class属性，值为sconde
       });
</script>

• 更改样式操作
  通过css() 函数来更改样式，可以更改单个样式，也可以更改多个样式！

<script>
	

</script>

插入操作

• 内部插入操作
  两个函数append() 在元素后插入一个元素，appendTo() 将元素插入指定元素之后
  prepend() 将元素前插入一个元素，prependTo()

<script>
		//在b1的后面插入b2元素（内部插入）
        $("#b1").append($("#b2"));
        //将b1插入到b2的后面
        $("#b1").appendTo("#b2");
        //在b1的前面插入b2元素
        $("#b1").prepend($("#b2"));
        //将b1插入到b2的前面
        $("#b1").prependTo("#b2");
</script>

• 外部插入
  after()函数，before()函数

<script>
		//在b1的后面插入b2元素（外部部插入）
        $("#b1").after($("#b2"));
        //在b1的前面插入b2元素
        $("#b1").before($("#b2"));
</script>

移除元素操作

• 删除操作
  remove() 函数：删除指定的元素
  empty() 函数：清空内容