Js学习之jq基础

2017-05-01

1 相关节点操作

jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素
jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点
jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个
jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点
jQuery.prevAll()，返回所有之前的兄弟节点
jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点
jQuery.nextAll()，返回所有之后的兄弟节点
jQuery.siblings(),返回兄弟姐妹节点，不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如$("p"),find("span"),是从元素开始找,等同于$("p span")

2 jquery判断子元素是否存在

2.1 判断子元素是否存在

//一级子元素 if($("#specialId>img").length==0)
if ($( "#specialId:has(img)" ).length==0)
{
//-----没有img子标记-----
}
else
{
//-------有img子标记------
}

2.2 选择特定id元素下的特定id子元素

1	$("#form" ).children( "#t" )

2.3 选择特定id元素下的子元素

1	$("ul#u>li:nth-child(2)" )

2.4 判断某个元素是否存在

if ($( "#myId" ).length>0)
{
//存在
}

3 jquery样式移除

1
2
3

$(this).children(".glyphicon-chevron-up")
        .addClass("glyphicon-chevron-down")
        .removeClass("glyphicon-chevron-up");

在选择器使用上面，通过某个样式进行选择，但是同时需要移除该样式，添加新样式，可以先添加新样式，再移除样式

4 按钮禁用

1 2	$("#btnBack").addClass("disabled hidden");//按钮的样式展示禁用效果 $('#btnBack').prop('disabled', true);//按钮完全被禁用

5 监听回车事件

$(function () {  
            //定义回车事件  
            if (document.addEventListener) {//如果是Firefox  
                document.addEventListener("keypress", fireFoxHandler, true);  
            }  
            else {  
                document.attachEvent("onkeypress", ieHandler);  
            }  

            function fireFoxHandler(evt) {  

                if (evt.keyCode == 13) {  

                    $("#btnLogin")[0].click();  
                }  
            }  
            function ieHandler(evt) {  

                if (evt.keyCode == 13) {  
                    $("#btnLogin")[0].click();  
                }  
            }  
        });  

 </script>