jQuery knowledge points compilation_jquery-JS Tutorial-php.cn

jQuery knowledge points compilation_jquery

WBOY

Release： 2016-05-16 16:16:37

Original

1072 people have browsed it

slideUp(); Slide up //Change the height attribute of the element until the height is 0 to hide the element
slideDown();
slideToggle();
fadeOut(); fade out // from opaque to transparent
fadeIn()

Copy code The code is as follows:

function(){

$("span.Italian").toggle();

$("span.Italian").toggle();}

Add two toggle functions to a function to switch languages

You can apply multiple selectors to an element at the same time

Place the script tag at the bottom, just before because scripts can cause a problem, they can block parallel downloads in the browser. Multiple images from different servers can be downloaded simultaneously. Once the browser encounters a <script> tag, it can no longer download multiple elements in parallel. Putting it below will help improve download speed var msg = "high score :" pts "" //You can add html tags to variables var discount = Math.floor((Math.random()*5) 5);//Output a number between 5-10 //math.random(); Get a random number from 0-1 //Math.floor(x); Get the largest integer less than x var discount_msg = "Your Discount is " discount "%"; alert(discount);//pop-up message $("p").append("123"); Ifqwert After running, it will be qwert123 jquery variable name requirements It cannot start with a number, it is case-sensitive, it cannot have any mathematical operators, it cannot have spaces and punctuation. Can have underline, $(*) selects every element on the page $(".guess_box").click(function(){ $(this).append("hahaha"); }) //When multiple elements hold the same class, and I only want to process the element I am currently operating on, I can use $(this) to call the object that is currently executing the method <div class="codetitle"> <a style="CURSOR: pointer" data="62779" class="copybut" id="copybut62779" onclick="doCopy('code62779')">Copy code</a> The code is as follows:</div> <div class="codebody" id="code62779"> <ol> <li>1</li> <li>2</li> </ol> $("#btnRemove").click(function(){ $("li").remove(); }); $("li").remove(); </div> jquery descendant selector <div class="codetitle"> <a style="CURSOR: pointer" data="40753" class="copybut" id="copybut40753" onclick="doCopy('code40753')">Copy code</a> The code is as follows:</div> <div class="codebody" id="code40753"> $("div p") selects all paragraph elements under div $("div div") selects all div elements under div $("div div img") selects all img elements under div </div> Two ways to bind events <div class="codetitle"> <a style="CURSOR: pointer" data="80274" class="copybut" id="copybut80274" onclick="doCopy('code80274')">Copy code</a> The code is as follows:</div> <div class="codebody" id="code80274"> $("#myElement").click(function(){ alert("click"); }); $("#myElement").bind('click',function(){ alert("click"); }); </div> onblur();lost focus onchange() //If the element content changes, trigger a method <div class="codetitle"> <a style="CURSOR: pointer" data="61711" class="copybut" id="copybut61711" onclick="doCopy('code61711')">Copy code</a> The code is as follows:</div> <div class="codebody" id="code61711"> <html> <head> <script type="text/javascript"> function upperCase(x) { var y=document.getElementById(x).value document.getElementById(x).value=y.toUpperCase() } </script>

Enter your name: