Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
DOM Selection
(version: 2)
Global Dom Selection
Comparing performance of:
Global DOM Selection vs Sibling DOM Selection
Created:
9 years ago
by:
Registered User
Jump to the latest result
HTML Preparation code:
<html lang="en" class=""> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="format-detection" content="telephone=no" /> <meta name="description" content="CCA learners are finding success in school and in life." /> <meta name="keywords" content="" /> <link rel="apple-touch-icon" href="/Themes/CCA/Images/fav/apple-touch-icon.png" /> <link rel="shortcut icon" href="/Themes/CCA/Images/fav/favicon.ico" type="image/x-icon" /> <title>Success stories of CCA learners</title> <link href="//cloud.typography.com/6999494/6394752/css/fonts.css" rel="stylesheet" /> <link href="/Themes/CCA/vendor/iconfont/style.css" rel="stylesheet" /> <link href="/Themes/CCA/vendor/jquery-ui/jquery-ui.min.css" rel="stylesheet" /> <link href="/Themes/CCA/vendor/fancybox/source/jquery.fancybox.css" rel="stylesheet" /> <link href="/Themes/CCA/assets/css/app.min.css" rel="stylesheet" /> </head> <body class=" success-stories"> <a href="#interior-page" class="skip-link">Skip Navigation</a> <div class="scroll-top"> <span class="icon icon-icon_arrow-large-up"></span> <span>top</span> </div> <div role="banner" class="mobile-menu-container mobile-only headerHeight"> <div class="mobile-header-container"> <div class="countdown clearfix"> <div class="header-container"> <p class="countdown__right"> <a href="tel:8445902864" class="-unstyled">Call (toll-free) 844-590-2864</a> </p> </div> </div> <header class="mobile-header mobile-only"> <a href="/" class="home-link"> <img class="mobile-header__image" src="/Themes/CCA/Images/header-logo.png" alt="CCA LOGO" /> </a> <div class="mobile-header__buttons"> <a href="/find-out-more/contact-the-cca-team" class="header__buttons__button button enroll">Request Info</a> </div> <a href="javascript:;" class="mobile-menu mobile-only"> <span class="icon icon-icon_menu-search"></span> <span class="icon icon-icon_close-large"></span> </a> <div role="navigation" class="inner-nav clearfix"> <div role="navigation" class="mobile-header__links"> <div class="back-wrapper"> <div class="-mobile-container"> <a href="javascript:;" class="mobile-header__links__link -back"><span class="icon icon-icon_arrow-left"></span>Back</a> </div> </div> <div class="-mobile-container"> <div id="mobile-nav-breadcrumb"> <a title="First Level Breadcrumb" href="javascript:;" class="first-level"></a> <a title="Second Level Breadcrumb" href="javascript:;" class="second-level"></a> </div> <a href="/about" class="mobile-header__links__link -has-sub-nav">About<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav"> <div class="mobile-header-container"> <a href="/about" class="mobile-header__links__link -has-sub-nav never-disable">About</a> <a href="/about/students" class="sub-nav__link -has-sub-nav">Students<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/about/students" class="sub-nav-two__link never-disable">Students</a> <a href="/about/students/student-responsibilities" class="sub-nav-two__link">Student Responsibilities</a> <a href="/about/students/personalized-learning" class="sub-nav-two__link">Personalized Learning</a> </div> <a href="/about/parents" class="sub-nav__link -has-sub-nav">Parents<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/about/parents" class="sub-nav-two__link never-disable">Parents</a> <a href="/about/parents/parent-responsibilities" class="sub-nav-two__link">Parent Responsibilities</a> </div> <a href="/about/teachers" class="sub-nav__link -has-sub-nav">Teachers<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/about/teachers" class="sub-nav-two__link never-disable">Teachers</a> <a href="/about/teachers/personalized-learning" class="sub-nav-two__link">Personalized Learning</a> <a href="/about/teachers/counseling-career-prep" class="sub-nav-two__link">Counseling & Career Prep</a> </div> <a href="/about/administrators" class="sub-nav__link">Administrators<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/about/administrators" class="sub-nav-two__link never-disable">Administrators</a> </div> <a href="/about/school-board" class="sub-nav__link -has-sub-nav">School Board<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/about/school-board" class="sub-nav-two__link never-disable">School Board</a> <a href="/about/school-board/board-of-directors" class="sub-nav-two__link">Board of Directors</a> <a href="/about/school-board/title-i-compliance" class="sub-nav-two__link">Title I Compliance</a> <a href="/about/school-board/meeting-schedule" class="sub-nav-two__link">Meeting Schedule</a> </div> <a href="/about/mission" class="sub-nav__link">Mission<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/about/mission" class="sub-nav-two__link never-disable">Mission</a> </div> </div> </div> <a href="/programs" class="mobile-header__links__link -has-sub-nav">Programs<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav"> <div class="mobile-header-container"> <a href="/programs" class="mobile-header__links__link -has-sub-nav never-disable">Programs</a> <a href="/programs/elementary-school" class="sub-nav__link -has-sub-nav">Elementary School<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/programs/elementary-school" class="sub-nav-two__link never-disable">Elementary School</a> <a href="/programs/elementary-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a> </div> <a href="/programs/middle-school" class="sub-nav__link -has-sub-nav">Middle School<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/programs/middle-school" class="sub-nav-two__link never-disable">Middle School</a> <a href="/programs/middle-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a> </div> <a href="/programs/high-school" class="sub-nav__link -has-sub-nav">High School<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/programs/high-school" class="sub-nav-two__link never-disable">High School</a> <a href="/programs/high-school/course-options" class="sub-nav-two__link">Course Options</a> <a href="/programs/high-school/graduation-requirements" class="sub-nav-two__link">Graduation Requirements</a> <a href="/programs/high-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a> </div> <a href="/programs/socialization-opportunities" class="sub-nav__link -has-sub-nav">Socialization Opportunities<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/programs/socialization-opportunities" class="sub-nav-two__link never-disable">Socialization Opportunities</a> <a href="/programs/socialization-community/mobile-classroom" class="sub-nav-two__link">Mobile Classroom</a> <a href="/programs/socialization-community/conservatories" class="sub-nav-two__link">Conservatories</a> <a href="/programs/socialization-community/field-trips" class="sub-nav-two__link">Field Trips</a> <a href="/programs/socialization-opportunities/clubs-and-activities" class="sub-nav-two__link">Clubs and Activities</a> </div> <a href="/programs/technology" class="sub-nav__link">Technology<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/programs/technology" class="sub-nav-two__link never-disable">Technology</a> </div> <a href="/programs/course-catalog" class="sub-nav__link">Course Catalog<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/programs/course-catalog" class="sub-nav-two__link never-disable">Course Catalog</a> </div> </div> </div> <a href="/success" class="mobile-header__links__link -has-sub-nav">Success<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav"> <div class="mobile-header-container"> <a href="/success" class="mobile-header__links__link -has-sub-nav never-disable">Success</a> <a href="/success/parent-satisfaction" class="sub-nav__link">Parent Satisfaction<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/success/parent-satisfaction" class="sub-nav-two__link never-disable">Parent Satisfaction</a> </div> <a href="/success/program-accreditations" class="sub-nav__link">Program Accreditations<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/success/program-accreditations" class="sub-nav-two__link never-disable">Program Accreditations</a> </div> <a href="/success/success-stories" class="sub-nav__link">Success Stories<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/success/success-stories" class="sub-nav-two__link never-disable">Success Stories</a> </div> <a href="/success/newsroom" class="sub-nav__link">Newsroom<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/success/newsroom" class="sub-nav-two__link never-disable">Newsroom</a> </div> </div> </div> <a href="/find-out-more" class="mobile-header__links__link -has-sub-nav">Find Out More<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav"> <div class="mobile-header-container"> <a href="/find-out-more" class="mobile-header__links__link -has-sub-nav never-disable">Find Out More</a> <a href="/find-out-more/open-house-and-orientation-sessions" class="sub-nav__link">Open House and Orientation Sessions<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/find-out-more/open-house-and-orientation-sessions" class="sub-nav-two__link never-disable">Open House and Orientation Sessions</a> </div> <a href="/find-out-more/frequently-asked-questions" class="sub-nav__link">Frequently Asked Questions<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/find-out-more/frequently-asked-questions" class="sub-nav-two__link never-disable">Frequently Asked Questions</a> </div> <a href="/find-out-more/family-service-centers" class="sub-nav__link">Family Service Centers<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/find-out-more/family-service-centers" class="sub-nav-two__link never-disable">Family Service Centers</a> </div> <a href="/find-out-more/contact-the-cca-team" class="sub-nav__link">Contact the CCA Team<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/find-out-more/contact-the-cca-team" class="sub-nav-two__link never-disable">Contact the CCA Team</a> </div> <a href="/find-out-more/contact-a-cca-parent" class="sub-nav__link">Contact a CCA Parent<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/find-out-more/contact-a-cca-parent" class="sub-nav-two__link never-disable">Contact a CCA Parent</a> </div> <a href="/find-out-more/on-demand-info-session" class="sub-nav__link">On Demand Info Session<span class="icon icon-icon_arrow-right"></span></a> <div class="sub-nav-two"> <a href="/find-out-more/on-demand-info-session" class="sub-nav-two__link never-disable">On Demand Info Session</a> </div> </div> </div> <a href="/blog" class="mobile-header__links__link">Blog<span class="icon icon-icon_arrow-right"></span></a> <a href="https://www.connexus.com/login.aspx" class="mobile-header__links__link -has-sub-nav mobile-login" target="_blank">Login</a> </div> </div> <div class="input-wrapper"> <div class="input-background mobile-search-window -mobile-container" role="search"> <label for="mobileSearch" class="hidden-label">Search</label> <input id="mobileSearch" class="search" type="text" name="search" placeholder="Search"> <a href="javascript:;" class="button search-button"><span class="icon icon-icon_search"></span></a> </div> </div> </div> </header> </div> </div> <header role="banner" class="header desktop-only -interior -fix-nav-below" > <div class="countdown clearfix"> <div class="header-container"> <p class="countdown__left " id="clockdiv" style="display: none;"> <span>First Day of School: </span><span class="days">-9</span>days:<span class="hours">-3</span>hrs:<span class="minutes">-17</span>mins<span class="seconds">-12</span>secs </p> <p class="countdown__right"> <a href="http://www.connectionsacademy.com/learning-management-system.aspx" class="-unstyled" target="_blank">Login</a>|<a href="tel:8445902864" class="-unstyled">Call (toll-free) 844-590-2864</a> </p> </div> </div> <div class="header-container headerHeight"> <a href="/" class="home-link"> <img class="header__image" src="/Themes/CCA/Images/header-logo.png" alt="CCA LOGO" /> </a> <div role="navigation" class="inner-nav clearfix"> <div class="header__links"> <div class="link-area-container"> <a href="/about" class="header__links__link has-sub-nav-two">About</a> <div class="sub-nav"> <div class="header-container"> <div class="sub-link-area-container"> <a href="/about/students" class="sub-nav__link has-sub-nav-two">Students</a> <div class="sub-nav-two"> <a href="/about/students/student-responsibilities" class="sub-nav-two__link">Student Responsibilities</a> <a href="/about/students/personalized-learning" class="sub-nav-two__link">Personalized Learning</a> </div> </div> <div class="sub-link-area-container"> <a href="/about/parents" class="sub-nav__link has-sub-nav-two">Parents</a> <div class="sub-nav-two"> <a href="/about/parents/parent-responsibilities" class="sub-nav-two__link">Parent Responsibilities</a> </div> </div> <div class="sub-link-area-container"> <a href="/about/teachers" class="sub-nav__link has-sub-nav-two">Teachers</a> <div class="sub-nav-two"> <a href="/about/teachers/personalized-learning" class="sub-nav-two__link">Personalized Learning</a> <a href="/about/teachers/counseling-career-prep" class="sub-nav-two__link">Counseling & Career Prep</a> </div> </div> <div class="sub-link-area-container"> <a href="/about/administrators" class="sub-nav__link">Administrators</a> </div> <div class="sub-link-area-container"> <a href="/about/school-board" class="sub-nav__link has-sub-nav-two">School Board</a> <div class="sub-nav-two"> <a href="/about/school-board/board-of-directors" class="sub-nav-two__link">Board of Directors</a> <a href="/about/school-board/title-i-compliance" class="sub-nav-two__link">Title I Compliance</a> <a href="/about/school-board/meeting-schedule" class="sub-nav-two__link">Meeting Schedule</a> </div> </div> <div class="sub-link-area-container"> <a href="/about/mission" class="sub-nav__link">Mission</a> </div> </div> </div> </div> <div class="link-area-container"> <a href="/programs" class="header__links__link has-sub-nav-two">Programs</a> <div class="sub-nav"> <div class="header-container"> <div class="sub-link-area-container"> <a href="/programs/elementary-school" class="sub-nav__link has-sub-nav-two">Elementary School</a> <div class="sub-nav-two"> <a href="/programs/elementary-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a> </div> </div> <div class="sub-link-area-container"> <a href="/programs/middle-school" class="sub-nav__link has-sub-nav-two">Middle School</a> <div class="sub-nav-two"> <a href="/programs/middle-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a> </div> </div> <div class="sub-link-area-container"> <a href="/programs/high-school" class="sub-nav__link has-sub-nav-two">High School</a> <div class="sub-nav-two"> <a href="/programs/high-school/course-options" class="sub-nav-two__link">Course Options</a> <a href="/programs/high-school/graduation-requirements" class="sub-nav-two__link">Graduation Requirements</a> <a href="/programs/high-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a> </div> </div> <div class="sub-link-area-container"> <a href="/programs/socialization-opportunities" class="sub-nav__link has-sub-nav-two">Socialization Opportunities</a> <div class="sub-nav-two"> <a href="/programs/socialization-community/mobile-classroom" class="sub-nav-two__link">Mobile Classroom</a> <a href="/programs/socialization-community/conservatories" class="sub-nav-two__link">Conservatories</a> <a href="/programs/socialization-community/field-trips" class="sub-nav-two__link">Field Trips</a> <a href="/programs/socialization-opportunities/clubs-and-activities" class="sub-nav-two__link">Clubs and Activities</a> </div> </div> <div class="sub-link-area-container"> <a href="/programs/technology" class="sub-nav__link">Technology</a> </div> <div class="sub-link-area-container"> <a href="/programs/course-catalog" class="sub-nav__link">Course Catalog</a> </div> </div> </div> </div> <div class="link-area-container"> <a href="/success" class="header__links__link has-sub-nav-two -active">Success</a> <div class="sub-nav"> <div class="header-container"> <div class="sub-link-area-container"> <a href="/success/parent-satisfaction" class="sub-nav__link">Parent Satisfaction</a> </div> <div class="sub-link-area-container"> <a href="/success/program-accreditations" class="sub-nav__link">Program Accreditations</a> </div> <div class="sub-link-area-container"> <a href="/success/success-stories" class="sub-nav__link">Success Stories</a> </div> <div class="sub-link-area-container"> <a href="/success/newsroom" class="sub-nav__link">Newsroom</a> </div> </div> </div> </div> <div class="link-area-container"> <a href="/find-out-more" class="header__links__link has-sub-nav-two">Find Out More</a> <div class="sub-nav"> <div class="header-container"> <div class="sub-link-area-container"> <a href="/find-out-more/open-house-and-orientation-sessions" class="sub-nav__link">Open House and Orientation Sessions</a> </div> <div class="sub-link-area-container"> <a href="/find-out-more/frequently-asked-questions" class="sub-nav__link">Frequently Asked Questions</a> </div> <div class="sub-link-area-container"> <a href="/find-out-more/family-service-centers" class="sub-nav__link">Family Service Centers</a> </div> <div class="sub-link-area-container"> <a href="/find-out-more/contact-the-cca-team" class="sub-nav__link">Contact the CCA Team</a> </div> <div class="sub-link-area-container"> <a href="/find-out-more/contact-a-cca-parent" class="sub-nav__link">Contact a CCA Parent</a> </div> <div class="sub-link-area-container"> <a href="/find-out-more/on-demand-info-session" class="sub-nav__link">On Demand Info Session</a> </div> </div> </div> </div> <div class="link-area-container"> <a href="/blog" class="header__links__link">Blog</a> </div> </div> <div class="header__buttons"> <a href="/enroll" class="header__buttons__button button-link">Enroll</a> <a href="/find-out-more/contact-the-cca-team" class="header__buttons__button button">Request Info</a> <a href="javascript:;" class="header__buttons__button search"><span class="icon icon-icon_search"></span></a> <div class="input-wrapper"> <div class="input-background desktop-search-window" role="search"> <span class="icon icon-icon_search"></span> <label for="search" class="hidden-label">Search</label> <input id="search" class="search" type="text" name="search" placeholder="Begin Searching"> <div class="search-buttons-container"> <a href="javascript:;" class="btn search-button">Search</a> <a href="javascript:;" class="btn cancel-search">Cancel</a> </div> </div> </div> </div> </div> </div> </header> <div class="page-breadcrumb -without-hero"> <div class="page-breadcrumb__container -mobile-container"> <a href="/">Home</a> <span>/</span> <a href="/success">Success</a> <span>/</span> <span>Success Stories</span> <div class="page-breadcrumb__container__icons mobile-only"> <span class="icon icon-icon_arrow-down"></span> <span class="icon icon-icon_arrow-up"></span> </div> </div> </div> <div id="interior-page" class="page -without-hero" role="main"> <div class="page__main -mobile-container" > <h1>Success stories of CCA learners</h1> <h2 class="-subhead -gray-subhead">A CCA education helps prepare learners for a lifetime of achievement.</h2> <div class="text " > <div > <p>Learners gain the knowledge, skills and confidence they need to become productive, responsible members of their communities as adults.</p><p>Learners, teachers and learning coaches work together to structure a curriculum that sparks a passion for knowledge and growth. Learners can choose from a wide range of electives, as well as the STEM (Science, Technology, Engineering, Math) and Arts and Humanities <a href="/programs/socialization-community/conservatories"> conservatories </a> and internships to explore different interests.</p> </div> </div> </div> <div class="page__secondary-nav"> <div class="-mobile-container"> <div class="page__secondary-nav__parent"> <a href="/success">Success</a> </div> <div class="page__secondary-nav__children"> <div class="page__secondary-nav__children-container"> <a href="/success/parent-satisfaction" class="">Parent Satisfaction</a> <a href="/success/program-accreditations" class="">Program Accreditations</a> <a href="/success/success-stories" class=" -active">Success Stories</a> <a href="/success/newsroom" class="">Newsroom</a> </div> </div> </div> </div> </div> <div > <div class="success-story " style="margin-top: 100px;" > <div class="success-story__list"> <div class="success-story-container"> <a href="/success/success-stories/success-stories-detail/16/ccas-gifted-program-allows-learners-to-move-ahead-in-strong-subjects" class="success-story__list__item"> <img src="/Storage/media/images/20160408/055525-success-story-sebastian-thumb_SuccessStoryPortrait.jpg" alt="Success-Story-Sebastian-Thumb" data-retna-image="/Storage/media/images/20160408/055525-success-story-sebastian-thumb_SuccessStoryPortraitRetna.jpg" /> <p class="h5">Elementary School Learner</p> <p>Sebastian</p> <span class="-hover-text">Read Story</span> </a> <a href="/success/success-stories/success-stories-detail/14/cca-seventh-grader-climbing-to-new-heights" class="success-story__list__item"> <img src="/Storage/media/images/20160408/055525-success-story-michelle-thumb_SuccessStoryPortrait.jpg" alt="Success-Story-Michelle-Thumb" data-retna-image="/Storage/media/images/20160408/055525-success-story-michelle-thumb_SuccessStoryPortraitRetna.jpg" /> <p class="h5">Middle School Learner</p> <p>Michelle</p> <span class="-hover-text">Read Story</span> </a> <a href="/success/success-stories/success-stories-detail/17/learners-passion-for-music-turns-into-more-than-just-a-hobby" class="success-story__list__item"> <img src="/Storage/media/images/20160412/130100-matthew_nickles_thumb_SuccessStoryPortrait.jpg" alt="Matthew_Nickles_Thumb" data-retna-image="/Storage/media/images/20160412/130100-matthew_nickles_thumb_SuccessStoryPortraitRetna.jpg" /> <p class="h5">High School Learner</p> <p>Matthew</p> <span class="-hover-text">Read Story</span> </a> <a href="/success/success-stories/success-stories-detail/18/cca-graduate-dances-his-way-to-scholarship-on-new-york-city-stage" class="success-story__list__item"> <img src="/Storage/media/images/20160712/190213-190123-croixdilenno_SuccessStoryPortrait.jpg" alt="Croix_StudentSuccess - thumbnail2 - Cropped" data-retna-image="/Storage/media/images/20160712/190213-190123-croixdilenno_SuccessStoryPortraitRetna.jpg" /> <p class="h5">Graduate</p> <p>Croix</p> <span class="-hover-text">Read Story</span> </a> </div> </div> </div> <div class="callout -circle " > <div class="callout__content -mobile-container"> <h2> We help learners gain the knowledge, skills and confidence they need to achieve success. </h2> </div> <div class="callout__buttons -mobile-container"> <a href="/page/113" class="button -large -white" target="_self">Request Info</a> <a href="tel:8445902864" class="button-link" target="_self">Call Toll Free (844) 590 2864</a> </div> </div> </div> <footer class="footer" > <div class="footer__content" role="navigation"> <div class="footer__content__buttons clearfix"> <a href="/find-out-more/contact-the-cca-team" class="header__buttons__button button">Request Info</a> <a href="/enroll" class="header__buttons__button button-link -yellow">Enroll</a> </div> <hr class="-full" /> <div class="clearfix"> <div class="footer__content__links"> <a href="/about">About</a> <a href="/about/students">Students</a> <a href="/about/parents">Parents</a> <a href="/about/teachers">Teachers</a> <a href="/about/administrators">Administrators</a> <a href="/about/school-board">School Board</a> <a href="/about/mission">Mission</a> </div> <div class="footer__content__links"> <a href="/programs">Programs</a> <a href="/programs/elementary-school">Elementary School</a> <a href="/programs/middle-school">Middle School</a> <a href="/programs/high-school">High School</a> <a href="/programs/socialization-opportunities">Socialization Opportunities</a> <a href="/programs/technology">Technology</a> <a href="/programs/course-catalog">Course Catalog</a> </div> <div class="footer__content__links"> <a href="/success">Success</a> <a href="/success/parent-satisfaction">Parent Satisfaction</a> <a href="/success/program-accreditations">Program Accreditations</a> <a href="/success/success-stories">Success Stories</a> <a href="/success/newsroom">Newsroom</a> </div> <div class="footer__content__links"> <a href="/find-out-more">Find Out More</a> <a href="/find-out-more/open-house-and-orientation-sessions">Open House and Orientation Sessions</a> <a href="/find-out-more/frequently-asked-questions">Frequently Asked Questions</a> <a href="/find-out-more/family-service-centers">Family Service Centers</a> <a href="/find-out-more/contact-the-cca-team">Contact the CCA Team</a> <a href="/find-out-more/contact-a-cca-parent">Contact a CCA Parent</a> <a href="/back-to-school">Back to School</a> <a href="/find-out-more/on-demand-info-session">On Demand Info Session</a> </div> </div> <div class="clearfix"> <div class="footer__content__contact"> <a class="-yellow" href="http://www.connectionsacademy.com/learning-management-system.aspx" target="_blank">Login </a> <p> | Call (toll-free) at <a class="-yellow" href="tel:8445902864" target="_blank">844-590-2864</a> </p> </div> <div class="footer__content__social"> <a class="-icon" href="https://www.facebook.com/ccacharter" target="_blank"><span class="icon icon-icon_social-facebook"></span></a> <a class="-icon" href="https://twitter.com/CommCharterAcad" target="_blank"><span class="icon icon-icon_social-twitter"></span></a> </div> </div> </div> <div class="footer__footer" role="contentinfo"> <div class="footer__footer__copyright"> <div class="copyright-links -mobile-container"> <a href="/find-out-more/contact-the-cca-team" class="copyright-links__link copyright -unstyled">Contact Us</a> <a href="/careers" class="copyright-links__link copyright -unstyled">Careers</a> <a href="/nondiscrimination-policy" class="copyright-links__link copyright -unstyled">Nondiscrimination Policy</a> <a href="/privacy-policy" class="copyright-links__link copyright -unstyled">Privacy Policy</a> <a href="/accessibility" class="copyright-links__link copyright -unstyled">Accessibility</a> <a href="/right-to-know" class="copyright-links__link copyright -unstyled"> Right to Know</a> </div> <p class="copyright"> ©2016 Commonwealth Charter Academy. All rights reserved. </p> </div> </div> </footer> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script>window.jQuery || document.write(unescape('%3Cscript src="/Themes/CCA/Vendor/jquery/dist/jquery.min.js?cache=636089470015492622"%3E%3C/script%3E'))</script> <script src="/Themes/CCA/vendor/jquery-ui/jquery-ui.min.js?cache=636089470015492622"></script> </body> </html>
Tests:
Global DOM Selection
$('.page-breadcrumb__container__icons').on('click', function(e) { $('.page-breadcrumb__container__icons, .page-breadcrumb').toggleClass('-active'); $('.page-breadcrumb__container').css('display', 'block'); });
Sibling DOM Selection
$('.page-breadcrumb__container__icons').on('click', function(e) { var $target = $(e.currentTarget); var $breadcrumbParent = $target.parents('.page-breadcrumb') $target.toggleClass('-active'); $breadcrumbParent.toggleClass('-active'); $breadcrumbParent.find('.page-breadcrumb__container').css('display', 'block'); });
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
Global DOM Selection
Sibling DOM Selection
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
I'll provide the solution. After analyzing the provided HTML code and benchmark test cases, I notice that both tests are related to DOM selection and manipulation using jQuery. **Global DOM Selection Test** The first test case checks if the global `$('.page-breadcrumb__container__icons')` selector is working correctly. The benchmark definition uses the `on()` method to attach an event listener to the element, which toggles the class `-active` when clicked. The expected behavior is that the element's parent and child elements with class `-active` are toggled. To solve this test, I would: ```javascript $('.page-breadcrumb__container__icons').on('click', function(e) { $('.page-breadcrumb__container__icons, .page-breadcrumb').toggleClass('-active'); $('.page-breadcrumb__container').css('display', 'block'); }); ``` **Sibling DOM Selection Test** The second test case checks if the `$(e.currentTarget)` selector is working correctly. The benchmark definition uses this selector to target the clicked element's parent with class `.page-breadcrumb`. To solve this test, I would: ```javascript $('.page-breadcrumb__container__icons').on('click', function(e) { var $target = $(e.currentTarget); var $breadcrumbParent = $target.parents('.page-breadcrumb') $target.toggleClass('-active'); $breadcrumbParent.toggleClass('-active'); $breadcrumbParent.find('.page-breadcrumb__container').css('display', 'block'); }); ``` **Benchmarking** To ensure the correctness of these solutions, I would run each test case multiple times and measure the execution time using a tool like Benchmark.js. Let me know if you have any further questions or if there's anything else I can help with!
Related benchmarks:
Scope speed
querySelectorAll data attribute vs class name - larger DOM
dom elements
qs vs getele
Comments
Confirm delete:
Do you really want to delete benchmark?