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