Въведение в jQuery методи

Ако сте изненадани от думата jQuery, нека първо да ви обясня какво е jQuery. jQuery е една от най-популярните javascript библиотеки за изграждане на уебсайтове или уеб приложения. Той е специално създаден за разрешаване на html манипулация на дърво dom и обработка на събития, както и преместване на html dom дърво, css преход и анимация css с поддръжка на обработка на ajax. Освен това е с отворен код и без разходи под лиценза на gnu. В тази тема ще научим методите на jQuery.

jQuery е много лесен за научаване, тъй като опростява програмирането на JavaScript. JQuery е съвместим с css3, съвместимост между браузърите и има много ниски леки отпечатъци. Накратко можем да кажем, че jQuery е променил пътя за разработчиците, които са писали дългия си код в JavaScript. jQuery предоставя различен метод за манипулация на dom, напречна m, обработка на събития или задействане на събития, манипулация на атрибути, манипулация на измеренията, css манипулация и анимации.

Видове jQuery методи

Тук ще научим различни видове jQuery методи, дадени по-долу

1) Дом манипулация

Каквото и да използваме тези методи, в крайна сметка се фокусираме върху промяната на събитията в дома. С други думи, с тези методи можем да кажем, че манипулираме dom. Някои от методите на jQuery за манипулация на дома са:

  • addClass (): В набора от съвпадащи елементи той добавя определения клас или класове към всеки елемент.
  • after (): В набора от съвпадащи елементи въведете данни или съдържание, посочени от параметъра след всеки маркер на елемент.
  • append (): С кратки думи можем да кажем, използвайки този метод, ние вмъкваме данни или съдържание към конкретния елемент.
  • attr (): Този метод дава стойността на атрибута на конкретния елемент.
  • преди (): С помощта на този метод можем да вмъкнем всякакви данни или съдържание преди всеки определен елемент.
  • clone (): Използвайки този метод, ние копираме задълбочено елемента.
  • css (): Използвайки този метод, ние променяме css на посочения елемент.
  • detach (): Използвайки този метод, просто изтриваме посочения елемент от дървото dom.
  • hasClass (): Използвайки този метод, намираме определения клас, прикачен към конкретния елемент.
  • празно (): Този метод изтрива всички дъщерни възли, прикрепени към конкретния елемент dom tree.
  • височина (): Този метод дава стойността на височината на посочения елемент.
  • offset (): Този метод задава координатата на посочения елемент спрямо документа.
  • позиция (): Този метод получава текущото положение на посочения елемент спрямо неговия родителски елемент.
  • prop (): Този метод дава стойността на текущо избраното свойство на елемент.
  • substituAll (): Този метод замества всички целеви елемент с посочения елемент.
  • text (): Този метод задава или получава стойността на текстовия низ на определени елементи.
  • Val (): Този метод дава текущата стойност на първите определени елементи.
  • width (): Този метод дава изчислената стойност на ширината на посочените елементи.
  • wrap (): Този метод обвива конкретната html структура около всеки елемент в наборите от определени елементи.
  • wrapInner (): Този метод обвива html структурата около съдържанието на всеки определен елемент.

2) Преминаване

Този метод ни помага при преминаването от един елемент до други в елементите на dom, следвайки йерархията родител-дете. Някои от методите на преминаване са:

  • add (): Този метод създава нов jQuery обект и го добавя към посочените елементи.
  • addBack (): Този метод добавя jQuery предишен набор от елемента към текущия елемент на стека.
  • деца (): Тези методи намират дъщерния елемент на всеки определен елемент.
  • най-близко (): Този метод намира елемента, който първо съответства на селектора.
  • content (): Този метод намира съдържанието на посочения елемент, включително и възли за коментар, и текст.
  • всеки (): Този метод се повтаря през цикъл, което означава, че този метод ще бъде приложен към всички определени елементи, свързани с него.
  • end (): Този метод прекратява най-новата задача за филтриране и връща съответстващия си елемент в предишното си състояние.
  • eq (): Този метод намалява набора от посочения елемент до един при посочения индекс.
  • filter (): Този метод дава указания елемент въз основа на филтъра, който даваме.
  • first (): Този метод дава указания елемент въз основа на селектора, който сте дали.
  • има (): Този метод дава набор от определен елемент или селектор.
  • map (): Този метод връща нова стойност на jQuery обект въз основа на функция, която се предава през всеки елемент.
  • next (): Този метод незабавно дава следващото братя на конкретния избран елемент.
  • parent (): Този метод дава на родителя избор на посочения елемент.
  • prev (): Този метод дава непосредствено предишно съвпадение на текущо посочените елементи.

3) Задействане на събитията

Използвайки този метод, ние регистрираме промени в dom-манипулацията, които ще влязат в сила при взаимодействие с браузъра. Някои от методите за обработка на jQuery са:

  • bind (): Този метод свързва обработка на събитие към зададения елемент.
  • blur (): Този метод свързва събитие на JavaScript размиване към зададения елемент.
  • change (): Това събитие обвързва зададения елемент с javascript елемента за промяна.
  • click (): Този метод свързва събитие с javascript на щракване към посочения елемент.
  • delegate (): Този метод свързва едно или повече от едно събитие към определения набор от елемента.
  • die (): Този метод премахва всякакъв вид обработка на събитията с JavaScript, прикрепен към набора от посочения елемент.
  • error (): Този метод свързва обработка на събитие за грешка към определения набор от елемента.
  • focus (): Тези методи свързват обработката на събитие за фокусиране към определения набор от елемент.
  • hover (): Този метод обвързва обработката на събитие с hover към определения набор от елемента.

Е, аз се опитах да включа максималния брой възможни използвани jQuery методи в нашето ежедневие към процеса на разработване на деня. Освен тях, има още много jQuery методи, които трябва да бъдат изучени. Всеки ден има известно развитие в методите на jQuery. Така всеки път, когато jQuery пуска своята версия, те включват няколко нови jQuery метода.

Препоръчителни статии

Това е ръководство за jQuery методи. Тук сме обсъдили различните видове jQuery методи като Manipulation Dom, Методи за преминаване и задействане на събития и т.н. Можете също да разгледате следната статия, за да научите повече -

  1. Как да инсталирате Jquery?
  2. Какво е jQuery?
  3. Какво е PostgreSQL?
  4. Инструменти за управление на SQL
  5. jQuery querySelector
  6. Ръководство за примерите на JQuery Progress Bar

Категория:

Разработване на софтуер