jquery常见问题总结

1.明明已经引用jquer.js，控制台还是报“$ is not defined”：

   将引用jquery.js的代码放在引用外部js文件的前面。-------------------------上述问题极有可能是还没引入，就已经在外部js文件中使用jquery。

2.$(function(){

............................

   })  等价于：

$(document).ready(function(){

....................................

}) 以及

jQuery(function () {

.................................

})

3. 弹出确认框： 

var confirm = window.confirm("**");

  if(confirm) {

    ......

  }

4. jquery 中动态删除ul 子节点：

1). $('ul li').remove();2). $('ul li').each(function(){      $(this).remove();     }); 3). $("ul").find("li").remove(); 

4). $('ul').children().filter('li').remove();

5). <ul>

     <li value="t1">***</li>
     <li value="t2">***</li>
     <li value="t3">***</li>
     ......
     <li>***</li>
     </ul>

 通过li里某控件id 删除其父节点前的li节点：$("#ID").parents("li").prev().remove()，有几个就执行几次；

 通过li里某控件id 删除其父节点后的li节点：$("#iD").parents("li").next().remove()，有几个就执行几次；
 通过li里某控件id 删除自己以及父节点：$("#ID").parents("li").remove()。
删除某元素及其子元素：$("#某元素id").remove();
删除某元素的所有子元素：$("#某元素id").children().remove();
获取鼠标点击的li的value值：
$("li").each(function(){
  $(this).click(function() {
    var str = $(this).attr("value");
    alert(str);
  });
});

5. window.href.href ：向服务器发送请求，改变url；

   window.href.replace的区别：将地址替换成新url，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后 退”来访问已经被替换的URL，这个特点对于做一些过渡页面非常有用！

  window.location.reload()：强制刷新页面，从服务器重新请求！

6. window.onload = 函数名；----函数名后不带括号；

7. 判断一个节点是否有子节点：

  var node = document.getElementById("*");

  node.hasChildNodes();---node是否有子节点；

  node.parentNode.hasChildNodes();---node的父节点是否有子节点；

8. html元素的隐藏与显示：

  document.getElmentById("**").style.display = "block";---隐藏 

  .......................................... = "none";---显示

9. js/jquery 控制台日志信息：console.log(....);

10. js代码不执行，尤其是onload()中的代码/document.getElementById("**")为null原因：

  1）页面未加载完就调用js， 找不到对应的控件；

  解决方案： 将外部调用的js文件放在html的末尾。

11. indexOf  返回子字符串在母串中的位置：

  1） 空格占1位；

  2） 没有子串，返回-1；

12. $(this).attr("class"): 当前元素的class；

    $(.**): class为**的元素集合；

13.按钮失效与启用：

  1).（“#id").attr({"disabled":"disabled"});

   2). ("#test").removeAttr("disabled");

14. 多个class修饰标签时，选择器使用方式：

eg：

<div class="a b">

  <span></span>

</div>

想对div里的span进行操作：$(".a, .b span")

class a和class b之前用逗号分隔

未完待续。。。。。。。