jQuery--FreeCodeCamp

2434 단어

first add a script


  $(document).ready(function() {

  });

. All jQuery functions start with a $ , usually referred to as a dollar sign operator, or as bling.

jQuery often selects an HTML element with a selector , then does something to that element.

// included both the jQuery library and the Animate.css library

  $(document).ready(function() {
// jQuery's .addClass() function, which allows you to add classes to elements.
//
//aimed at HTML element
    $("button").addClass("animated bounce");
    $("button").removeClass("btn-default");
//aimed at clsss
    $(".well").addClass("animated shake");
//aimed at ID
$("#target3").addClass("animated fadeOut");
  });

change CSS jQuery has a function called .css() that allows you to change the CSS of an element.

$("#target1").css("color", "blue");

Disable an element(cant click on it)

$("button").prop("disabled", true);

Change Text Inside an Element

    $("#target4").html("#target4");

remove element

    $("#target4").remove();

move element by function called appendTo

$("#target2").appendTo("#right-well");

clone an element

$("#target5").clone().appendTo("#left-well");

target the parent/children of element

 $("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange")
//target on specific child--the second child here
$(".target:nth-child(2)").addClass("animated bounce");
//all odd target
$(".target:odd").addClass("animated shake");

can also target on

 
  
  sum up 
  
  element.addClass
element.removeClass
element.css
element.prop
element.remove
element.appendTo
  
 Some new WORDS: 
 distracting adj.  ；

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다