jquery 常用基础方法

 1 jquery常用方法:
 2     取得标签元素里面内容与修改:
 3         1.text()方法:
 4         $(document).ready(function(){
 5             //alert("文档加载完毕");
 6             $("#btn").click(function(){
 7                 alert($("#p1").text());
 8             })
 9         })
10         2.html()方法 html("<a href="www.baidu.com">11</a>")
11         3.val() 注意:表单用此方法获取值,其他2个无效.
12     取得元素的属性值:  $("img").attr("width","180");  $("#input1").attr('value',"555555");
13         修改多个属性  $("#input1").attr({'value':"555555","id":"id1","type":"password"});
14     添加元素:
15             1.在p标签之前内容加:$("#p1").prepend('Some text'); 之后:$("#p1").append('Some text');
16             2.before() 和after方法
17             区别:append是在当前元素内部最后边插入元素,after是在当前元素后面外插入元素
18     删除元素:
19             1.remove() empty()
20             区别:remove()是删除元素,empty()是删除元素中的子内容
21     jquery事件:click() keyup()事件,很多,查阅API;
22         事件绑定:$("#btn1").bind('click',sui); 1.7之后可以用on()代替bind();
23         事件解除:  unbind();
24 jquery UI
25     类似于bootstrap中封装好的类(样式好看)
26
27 jQuery CSS操作及jQuery的盒子模型
28     1.css()方法
29             $(document).ready(function(){
30                 //alert("文档加载完毕");
31                 $("#btn").click(function(){
32                     $("#div1").css({
33                         width: '100px',
34                         background: 'skyblue'
35                     });;
36
37                 })
38             })
39     2.addClass('class_name')
40 jQuery之元素的遍历与元素的过滤
41     1.  $("span").parent().css({"color":"red","border":"2px solid red"});
42
43     2. $("div").children("p.1").css({"color":"red","border":"2px solid red"});
44
45     3.$("h2").next().css({"color":"red","border":"2px solid red"});
46
47
48