工作笔记(五):常用jquery函数以及操作，持续更新..

常用jquery操作，持续更新....用到了就会来更新的..就当笔记了

要熟悉操作我觉得怎么也要了解下jquery的选择器，因为基本所以的操作都是基于此的，不过不全知道也没关系，毕竟常用的就那么几个...

最常用的就是ID选择器和element选择器了..其他的用到了再说啦

*	$("*")	所有元素
#id	$("#lastname")	id="lastname" 的元素
.class	$(".intro")	所有 class="intro" 的元素
element	$("p")	所有 <p> 元素
.class.class	$(".intro.demo")	所有 class="intro" 且 class="demo" 的元素

PS:附上w3c的连接:http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

个人觉得常用的函数..

万恶的ajax,so,会经常用到如下东西来改表单...有2个我个人觉得简单好用

1.val() 方法返回或设置被选元素的值。

建议用id选择器,因为他只会返回或修改第一个匹配到的值.

$("#input1").val();//获取id=input1的值 

$("#input1").val("VALUE1");//将id=input1的值设置为VALUE1 

2.after() 方法在被选元素后插入指定的内容。

3.append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

区别在括号里了..

修改table的内容比较直观，可以用如下代码来给table1增加一行,

$("#table1").append("<tr id='trappend'><td>我是由append增加的<td></tr>");//使用append,会在table1的最后加上一行
$("#trappend").after("<tr ><td>我是由after增加的<td></tr>");             //使用after,可以选择在某一行后面增加一行

$("select").append("<option value=‘’>由appendTo增加option</option>"); //给所有select标签增加一个option

4.text() 方法方法设置或返回被选元素的文本内容。

$(selector).text() //当该方法用于返回一个值时，它会返回所有匹配元素的组合的文本内容（会删除 HTML 标记）。
$(selector).text(content)//当该方法用于设置值时，它会覆盖所有匹配元素的内容。特殊字符会被编码。

5.html() 方法返回或设置被选元素的内容 (inner HTML)。

$(selector).html() //它会返回第一个匹配元素的内容。
$(selector).html(content) //当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。

6.find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

.find(selector) //字符串值，包含供匹配当前元素集合的选择器表达式

比如我们需要找到select选择框中optionvalue=123的文本则可以做如下写法

$("select").find("option[value=123]").text();

7.insertBefore():在被选元素之前插入 HTML 标记或已有的元素
8.insertAfter():在被选元素之后插入 HTML 标记或已有的元素。

9.Ajax.

  jQuery常用的ajax方法有如下3种,$.get, $.post $.ajax.

$.ajax({
				async :false,//类型：Boolean 默认值: true
				cache:true ,//类型：Boolean默认值: true，dataType 为 script 和 jsonp 时默认为 false
				data:{"key":"value"},//传送到服务器端的参数 Key/Value
				dataType:"json", //服务器返回的数据类型
				error : function(){},//默认值: 自动判断 (xml 或 html)。请求失败时调用此函数
				success:function(){},//请求成功后的回调函数。
				timeout:1000,//设置请求超时时间（毫秒）
				type :"POST",//默认值: "GET"。请求方式 ("POST" 或 "GET")
				url:"www.baidu.com",//默认值: 当前页地址。发送请求的地址
		});//这里注意括号的位置，$.ajax({}),这里面是应该在大括号里面的

$.get(URL,callback);

$.post(URL,data,callback);

回调函数如下:

function(data,status){} //data是服务器返回的数据,status是返回状态.