> 웹 프론트엔드 > JS 튜토리얼 > jquery에서 연결된 addback()과 end()를 구현하는 방법(코드)

jquery에서 연결된 addback()과 end()를 구현하는 방법(코드)

不言
풀어 주다: 2018-08-13 17:14:45
원래의
1650명이 탐색했습니다.

이 글의 내용은 jquery에서 addback()과 end()(코드)를 연결하는 방법에 대한 내용입니다. 참고할만한 내용이 있으니 참고하시면 도움이 될 것 같습니다.

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>串联addback()和end()</title>

    <script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            // $("div").find("p").css("border","1px solid red");
            //div下查找p,addBack()回溯找到div,.css()对两者同时添加样式
            // $("div").find("p").addBack().css("border","1px solid red");
            // 注意:对于筛选或查找后的元素,要加入先前所选元素时,使用addBack()方法会很有效,符合链式设计原则

            //返回jQuery对象,为p元素添加边框,同时为div添加背景
            $("div").find("p").css("border","1px solid red").end().css("background","#ff0");


        });    </script></head><body>
    <div>
        <p>天将降大任于斯人也</p>
        <p>必先劳其筋骨,苦其心志,空乏其身</p>
    </div></body></html>
로그인 후 복사

관련 추천 :

vue에서 v-if와 v-show의 차이점은 무엇인가요? v-if와 v-show의 차이점 요약

jQuery의 메서드는 무엇인가요? jQuery에서 일반적으로 사용되는 메서드(코드 포함)

jquery에서 정렬되지 않은 이미지 미리 로드 구현 및 사용

위 내용은 jquery에서 연결된 addback()과 end()를 구현하는 방법(코드)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿