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