musi_m的博客

第一章 认识Jquery 1 $(document).ready(function(){ alert(“hello world”); }); 简化写法： $(function(){ }); 2 $("#table>tbody>tr:has(td:has(:checkbox:enabled))").css(“background”,“red”); 解释：在一个id为table的表格的tb...

第二章 jQuery选择器 1 css选择器 2 优良的代码风格,网页内容和行为分离 jQuery Demo 3 document,getElementById(“tt”).style.color=“red”;//在id为tt的元素不存在时将会报错 $("#tt").css(“color”,“red”);//在id为tt的元素不存在时不会报错 注意： KaTeX parse error: E...

第三章 jQuery中的DOM操作 1 查找节点 var $para = $(“p”); var p_txt = $para.attr(“title”); 2 创建节点 var li1=li_1=li1​=("");//创建第一个元素 var li2=li_2=li2​=("");//创建第二个元素 ("ul").append(("ul&amp...

第四章 jQuery的事件和动画 1 事件绑定 示例;$(“p”).bind(“click”,function(){ $(this).next().show(); }); 2 改变事件绑定的类型 $(function(){ $(“p”).bind(“click”,function(){ $(this).next().show(); }).bind(“mouseout”,function(){ $(...

第五章 jQuery对表单表格的操作及更多应用 1 获取和失去焦点改变样式 input:focus,textarea:focus{ border:1px solid #f00; background:#fcc; } jQuery代码如下： $(function(){ $(":input").focus(function(){ $(this).addClass(“focus”); }).blur(f...

第六章 jQuery与ajax的应用 1 load()方法 1）载入HTML方法 load(url [,data] [,callback]); $(function( $("#send").click(function(){ $(“resText”).load(“test.html”); }); )); 只加载test.html中class为para的内容 $(“resText”).load(“t...