jquery用法小结

其中三个简单而有用的方法如下：

text() – 设置或取得指定元素的文本内容。

html() – 设置或取得指定元素的内容（包括HTML标记）

val() – 设置或取得表单某个输入域的值。

一定要分清三者的区别

例如，下面代码使用html()和text()方法取得HTML元素的内容：

$("#btn1").click(function(){  
	alert("Text: " + $("#test").text());  
 });  
 $("#btn2").click(function(){  
	alert("HTML: " + $("#test").html());  
});  

下面的代码取得Form中Input 的内容：

 $("#btn1").click(function(){  
	alert("Value: " + $("#test").val());  
});  

设置内容，都是可以的但是效果不同

$("#btn1").click(function(){  
	$("#test1").text("Hello world!");  
});  
$("#btn2").click(function(){  
	$("#test2").html("<b>Hello world!</b>");  
});  
$("#btn3").click(function(){  
	$("#test3").val("Dolly Duck");  
});  

jquery选择器，如何访问

1.通过ID访问（#id）

例如：$("#lastname") 有一个元素的ID=“lastname”

$("*")  //表示获取所有对象   不常用
$("#XXX") //获得 id=XXX 的元素对象（id可以是标签的id或CSS样式id） 常用
$("input[name='username']")//获得input标签中name='userName'的元素对象 常用
$(".abc")//获得样式class的名字是.abc的元素对象  常用
$("div")//标签选择器 选择所有的div元素  常用

2.添加删除li和div

                        $("#ip_list li").remove();
                        $('#ip_list').append(li_str);
                        $('#result_list div').remove();
                        $('#result_list').append(div_str);

3.实现点击按钮，其他的东西隐藏和显示

        $("#multi_item").click(function(){
            if($("#item_show").css("display")=="none")
                $("#item_show").show();
            else
                $("#item_show").hide();
        })

4.点击按钮实现按钮的不同显示

     $(document).ready(function(){
        $("#multi_item").click(function(){
            if($("#item_show").css("display")=="none")
            {
                $("#item_show").show();
                $('#multi_item').html("隐藏选择列");
            }
            else
            {
                $("#item_show").hide();
                $('#multi_item').html("显示选择列");
            }       
        })