ជំពូកទី៤ Jquery​ Traversing មេរៀនទី២៖ ​​ Sibling និង Filtering

Slides:



Advertisements
Similar presentations
Getting Started with jQuery. 1. Introduction to jQuery 2. Selection and DOM manipulation Contents 2.
Advertisements

JavaScript & jQuery JavaScript and jQuery introduction.
The Build-up of the Red Sequence at z
CS Fall 2012, Lab 08 Haohan Zhu. Boston University Slideshow Title Goes Here CS Fall 2012, Lab /17/2015 Tree - Data Structure  Basic.
The jQuery library. What is jQuery ? A javascript lightweight library Is very easy to use Is powerful Is cross-browser compatible Downloadable from jQuery.com,
CT-376 jQuery Most popular javascript library today Latest version:
JQuery. Is a free, open Javascript library Simplifies the task of creating highly responsive web pages Works across modern browsers Abstracts away browser-specific.
School of Computing and Information Systems CS 371 Web Application Programming jQuery.
Week 12: JQuery Write less, do more.. JQuery Basics Lightweight JavaScript Library – Emphasizes interaction between JavaScript and HTML – Reduces technical.
Tirgul OOP No.3 Iterators. What is an Iterator? An object that provides a way to access elements of an aggregate object sequentially, without exposing.
JQuery. What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library that simplifies HTML document traversing and manipulation event handling.
By Jon Marozick.  JavaScript toolkit  Aims to change the way developers think  jQuery philosophy  Find some HTML  Do something to it.
JQuery March 09 th,2009 Create by
JQuery 10/21. Today jQuery Some cool tools around the web JavaScript Libraries Drawing libraries HTML Frameworks Conventions.
JQuery Adding behaviour…. Lecture Plan Review of last lesson Adding behaviour –click, mouseover Animation –fade, slideDown Navigation –parent, find, next.
JQUERY | INTRODUCTION. jQuery  Open source JavaScript library  Simplifies the interactions between  HTML document, or the Document Object Model (DOM),
Review IDIA 619 Spring 2013 Bridget M. Blodgett. HTML A basic HTML document looks like this: Sample page Sample page This is a simple sample. HTML user.
$100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300 $400 $500 $100 $200 $300.
Name: _______________________________________________________Date: _______ Prewriting—Graphic Organizer EQ: How do literary elements affect one another?
JQuery Youn-Hee Han
. Taught by: Muhammad Ali Baloch midahot. WHAT IS JQUERY JQuery is a fast, small, and feature-rich JavaScript library. Simplifies the interaction between.
Unleash the Power of jQuery Doncho Minkov Telerik Software Academy academy.telerik.com Senior Technical Trainer
var myObject = eval('(' + myJSONtext + ')'); //JSON 파서 사용 //e.g json.org 의 json2.js var myObject = JSON.parse(myJSONtext,
Unleash the Power of jQuery Learning & Development Team Telerik Software Academy.
 2008 Pearson Education, Inc. All rights reserved Document Object Model (DOM): Objects and Collections.
JQuery JavaScript is a powerful language but it is not always easy to work with. jQuery is a JavaScript library that helps with: – HTML document traversal.
Web Programming Language Week 9 Dr. Ken Cosh Introducing jQuery.
JQuery Overview Unleash the Power of jQuery SoftUni Team Technical Trainers Software University
EQ: How can transformations effect the graph a parent function? I will describe how transformations effect the graph of a parent function.
Web Programming Java Script & jQuery Web Programming.
Unit 13 –JQuery Basics Instructor: Brent Presley.
Web Technologies Lecture 8 JQuery. “A fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax.
Chapter 15 Introducing jQuery Part 1. What is JavaScript? A programming language to add dynamic features to a web page. Client side.
Q2 You are to write an e100 assembly function called “findX”. It takes one argument “findX_value” and it is to search the first 5 elements of the array.
Create Element, Remove Child. The Document Tree Document Element Root Element Element Element Element Element Text: HelloWorld Attribute “href”
Introduction to JQuery COGS 187A – Fall JQuery jQuery is a JavaScript library, and allows us to manipulate HTML and CSS after the page has been.
The Linked List Data Structure Mugurel Ionu Andreica Spring 2012.
By Ishaq Shinwari.   jquery   $(document).ready(function(){  $("p").hide();  $("h1").click(function(){  $(this).next().slideToggle(300);  });
Engr. Md. Nazim Uddin M.Sc. Eng. (CSE), B.Sc. Engg. (CSE), MIEB Cell: Website:
JQUERY Dr Mohd Soperi Mohd Zahid Semester /16.
JQuery The Write Less, Do More, JavaScript Library.
.. WHAT IS JQUERY JQuery is a fast, small, and feature-rich JavaScript library. Simplifies the interaction between HTML and JavaScript. The jQuery library.
JQuery Element & Attribute Selectors, Events, HTML Manipulation, & CSS Manipulation.
CS5220 Advanced Topics in Web Programming More jQuery
-By Yogita Nirmal.
Tek Raj Chhetri Code for Humans not for machine.
Intro to jQuery jQuery is a popular, and extensible, JavaScript library Supports … DOM manipulation CSS manipulation HTML event methods Effects & animations.
Social Media And Global Computing Managing MVC With jQuery and AJAX
Problems with Linked List (as we’ve seen so far…)
JQUERY Online TRAINING AT GOLOGICA
CS3220 Web and Internet Programming Client-Side JavaScript and jQuery
HARMONICS AND FILTERS.
HTML Level II (CyberAdvantage)
Building an App with Jquery and Ajax
REBOL Lists.
Document Object Model (DOM): Objects and Collections
Session II Chapter 8 – Fast Start with jQuery
មេរៀនទី៥ ការជ្រើសរើសប៉ាន់គំរូ
Web Programming Language
Web Programming Language
..
Data Structures Lecture 28 Sohail Aslam.
Web Programming Language
មជ្ឈមណ្ឌលកូរ៉េ សហ្វវែរ អេច អ ឌី
The Internet 10/20/11 CSS Layout
កម្មវិធីបង្រៀន SQL Programming ជាភាសាខ្មែរ Online SQL Training Course
មជ្ឈមណ្ឌលកូរ៉េ សហ្វវែរ អេច អ ឌី
មជ្ឈមណ្ឌលកូរ៉េ សហ្វវែរ អេច អ ឌី
មេរៀនទី៧ Pointer C/C++ for beginner រៀបចំ និងបង្រៀនដោយ៖ អ៊ិន សុភា
មជ្ឈមណ្ឌលកូរ៉េ សហ្វវែរ អេច អ ឌី
Presentation transcript:

ជំពូកទី៤ Jquery​ Traversing មេរៀនទី២៖ ​​ Sibling និង Filtering www.kshrd.com.kh

២.១ ​ Jquery Siblings Jquery Siblings: ប្រើសម្រាប់​ share the same parents ។ លក្ខណះនៃការប្រើប្រាស់ sibling methods របស់ jquery ៖ siblings(): ប្រើសម្រាប់ returns sibling elements ទាំងអស់របស់ element ​ដែលបាន selected ។ next(): ប្រើសម្រាប់ returns the next sibling elements របស់ element ​ដែលបាន selected ។ nextall(): ប្រើសម្រាប់ returns next sibling elements ទាំងអស់របស់ element ​ដែលបាន selected ។ nextUntil(): ប្រើសម្រាប់ eturns all next sibling ទាំងអស់របស់ តាមចន្លោះតំលៃarguments ដែលវាបានកំនត់ ។

២.១ ​ Jquery Siblings (ចប់) prev(), prevall(), prevUntil(): ប្រើដូចជា methods ខាងលើដែរ តែខុសកគ្នាត្រង់ revers functionality ។ Example1: sibling() #(document).ready(function(){   $("h2").siblings(“p”); }); Example2: next() $(document).ready(function(){   $("h2").next(); }); Example2: prev() $(document).ready(function(){   $("li.start").prev().css({"color":"red","border":"2px solid red"}); });

២.២ ​ Jquery Filtering Jquery Filtering: ប្រើសម្រាប់ជ្រើស element ជាក់លាក់មួយដោយផ្អែកលើអ្វីដែលយើងជ្រើសរើសខ្លួននៅក្នុងក្រុមនៃ elements ដែលយើង selected។ លក្ខណះនៃការប្រើប្រាស់ Filtering methods របស់ jquery ៖ first(): ប្រើសម្រាប់ returns the first element របស់ element ​ដែលបាន selected ។ last(): ប្រើសម្រាប់ returns the last element របស់ element ​ដែលបាន selected ។ eq(): ប្រើសម្រាប element មួយដែលមានលេខ index ជាក់លាក់ណាមួយ របស់ element ​ដែលបាន selected ។

២.២ ​ Jquery Filtering (ចប់) Example1: first() $(document).ready(function(){   $("div p").first(); }); Example2: last() $(document).ready(function(){   $("div p").last(); }); Example2: eq() $(document).ready(function(){   $("p").eq(1); });

សូមរងចាំទស្សនាវីដេអូ អនុវត្តន៏ មេរៀនទី ២ នេះ !