jquery选择器之获取父级元素，子元素，同级元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link href="style/css.css" rel="stylesheet" type="text/css" />            

        <script src="js/jquery-1.7.2.min.js"></script>
        <script>
            $(document).ready(function(){
                $(".href_fiv").parent().addClass("div1");
                $(".href_fiv").css("color","red");
                //$(".div2").addClass("div1");
            });
        </script>

    </head>
    <body>
        <div id="par_div">
            <a id="href_fir" href="#">href_fir</a>
            <a id="href_sec" href="#">href_sec</a>
            <a id="href_thr" href="#">href_thr</a>
        </div>
        <div class="div2">
            <span id="par_span">
                <a class="href_fiv" href="#">href_fiv</a>
            </span>
        </div>
    </body>
</html>

1，jquery选择器之获取父级元素 parent()；只获取上一层一个父亲，即只获取了par_span，而没有获取div2

2，html子元素和后代元素有什么区别？

比如说<ul>//我是爷爷 哈哈  <li>//我是爸爸，    <a href="">hi,mofe</a>//我是ul的后代元素,li的子元素   </li><ul>隔代元素叫后代元素

时间： 2024-10-12 21:42:16

jquery选择器之获取父级元素，子元素，同级元素的相关文章

jquery选择器之获取父级元素、同级元素、子元素（转）

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 <div id="par_div"><a id="href_fir" href="#">href_fir</a><a id="href_sec" href="#">href_sec</a><a id="href_thr" href=&quo

jquery选择器如何获取父级元素、同级元素、子元素

一.新建页面 1 <ul> 2 <li>list item 1</li> 3 <li>list item 2</li> 4 <li class="third-item">list item 3</li> 5 <li>list item 4</li> 6 <li>list item 5</li> 7 </ul> 8 9 <p>Hell

一.获取父级元素 1. parent([expr]): 获取指定元素的所有父级元素 href_fir href_sec href_thr href_fiv $(document).ready(function(){ $("a").parent().addClass('a_par'); }); firebug查看jquery parent效果二.获取同级元素: 1.next([expr]): 获取指定元素的下一个同级元素(注意是下一个同级元素哦) list item 1 list it

jquery选择器之获取父级元素、同级元素、子元素 (转载)

js或jquery如何获取父级、子级、兄弟元素(包括祖级、孙级等)

原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点: var c = a.parentNode; //获取a的父节点: var d = a.nextSibling; //获取a的下一个兄弟节点 var e = a.previousSibling; //获取a的上一个兄弟节点 var f = a.firstChild;

记录--jquery 获取父级、子级、兄弟元素 + 实例

需求如下: 三条数据,需点击其中一条数据在其下面展示与此数据关联的图片.主要功能可能是在点击的数据下增加显示行思路: 把需要点击增加的数据先隐藏.点击后再将其显示出来. 知识点: jQuery.parent(expr) //找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr) //类似于jQuery.parents(exp

jquery选择器:获取父级元素、同级元素、子元素

jQuery的出现给广大开发者提供了不少的方便.从要自己一个一个敲代码,到直接调用方法,无疑大大地提高了网站开发的效率.而在jQuery中有一些方法非常的实用.下面就给大家介绍下jquery选择器:获取父级元素.同级元素.子元素的方法. 一.获取父级元素1.parent()获取指定元素的父级元素,注意:是最靠近指定元素的父级元素. 2.parents()获取指定元素的所有父级元素,注意:是所有的父级元素,包括body,html 二.获取同级元素1.next()获取指定元素的下一个同级元素(注意:

jquery获取父级元素和子级元素

转：iframe加载的子页面里面获取父级元素窗口以及元素的高度

iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window) 父级页面:index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>父窗口<

jquery选择器 之 获取父级元素，子元素，同级元素

jquery选择器 之 获取父级元素，子元素，同级元素的相关文章

jquery选择器之获取父级元素，子元素，同级元素

jquery选择器之获取父级元素，子元素，同级元素的相关文章