Tag:jquery

  • H5 chat im instance | imitating wechat voice | map positioning | shaking effect

    Time:2019-11-22

    Preface I believe everyone has used wechat. Wechat is a good product, simple and not simple. In particular, the functions of shaking and voice attract a large number of users. The subversive functions and design make wechat firmly sit on the social throne. introduce A simple chat project has been developed before due to the […]

  • Learn the overall architecture of jQuery source code, and build your own JS class library

    Time:2019-11-21

    Although it is rarely used nowjQueryButjQueryPopularMore than 10 yearsOfJS Library, it is still necessary to learn its source code. You can also learn to build your ownjsClass library, job interview can add a lot of color. This article is aboutv3.4.1 Edition.unpkg.comSource address: https://unpkg.com/[email protected] jQuery githubWarehouse self-executing anonymous function (function(global, factory){ })(typeof window !== “underfined” ? […]

  • The shortcut key of easyuedit cell extension method is triggered, and the up and down keys select the row. Click the cell to start editing, and press the up and down keys of the keyboard to shift the edited cell

    Time:2019-11-20

    This extension method is to further extend the table editing cell function provided by the official website.Keyboard shortcut operation added When editing is not started, press the up and down keys on the keyboard to switch between the selected lines Click cells to start editing cells,Press the keyboard ↑ key to change the editable cell […]

  • There are 61 kinds of jQuery selectors you know

    Time:2019-11-19

    JQuery selector Let’s demonstrate the different selectors. selector Sentence describe * $(“*”) Select all elements #id $(“#lastname”) Element with id = “LastName” .class $(“.intro”) All elements of class = “intro” .class,.class $(“.intro,.demo”) All elements with an “intro” or “demo” class element $(“p”) All < p > elements el1,el2,el3 $(“h1,div,p”) All < H1 >, < div […]

  • JQuery to realize the lottery game of Jiugongge

    Time:2019-11-18

    Jiugongge lottery game This project is linked in GitHub Front end layout Locate the unselected and selected pictures <div class=”nomal”> <img class=”quanNomal quan0″> <img class=”quanNomal quan1″> <img class=”quanNomal quan2″> <img class=”quanNomal quan7″> <div class=”chou-tap”> <img class=”chou” > </div> <img class=”quanNomal quan3″> <img class=”quanNomal quan6″> <img class=”quanNomal quan5″> <img class=”quanNomal quan4″> </div> <div class=”quan-border”> <img class=”quanq […]

  • JQuery Ajax displays check and error numbers to verify that the input verification code is correct

    Time:2019-11-18

    I don’t need to talk about much nonsense. I’ll post the code for you. The specific code is as follows: <script src=”js/j.js”></script> <script> $(document).ready(function(e) { $(‘#yes’).hide(); $(‘#no’).hide(); $(‘input[name=gcode]’).keyup(function(){ if($(this).val().length==4){ $.post(‘gbook.php’,{cc:$(‘input[name=gcode]’).val()},function(msg){ if(msg==’yes’){ $(‘#no’).hide(); $(‘#yes’).show(); }else{ $(‘#yes’).hide(); $(“#no”).show(); } }); } }); }); </script> First, introduce jquery .sl-error-verifycode { background-image: url(“images/icons.png”); background-position: -26px 0; background-repeat: no-repeat; display: […]

  • Foreach(), array. Map(), and array. Filter() usage

    Time:2019-11-17

    Array.forEach() The foreach () method calls a function (callback function) once for each array element. <!DOCTYPE html> <html> <meta charset=”utf-8″> <title>JavaScript Array.forEach()</title> <body> <h2>JavaScript Array.forEach()</h2> <p>Call the function once for each array element. </p> <p id=”demo”></p> <script> var txt = “”; var numbers = [45, 4, 9, 16, 25]; numbers.forEach(myFunction); document.getElementById(“demo”).innerHTML = txt; function myFunction(value, […]

  • [novice] a super simple weather forecast based on jQuery Ajax

    Time:2019-11-16

    No more nonsense, just code. <!DOCTYPE html> <html lang=”zh”> <head> <meta charset=”UTF-8″> < title > weather < / Title > </head> <body> <div id=”app”> <h2>Weather update</h2> <p>City: < span > < span ></p> <p>Date: < span > < span ></p> <p>Weather: < span > < span ></p> <p>Current temperature: < span > < span ></p> […]

  • Fuzzy matching of jQuery selector

    Time:2019-11-15

    Fuzzy matching of jQuery selector will return qualified collection objects1. Select the object whose class attribute value prefix of div element is aa (case sensitive) $(“div[class^=’aa’]”); 2. Select the object whose class attribute value suffix of div element is aa (case insensitive) $(“div[class$=’aa’]”); 3. Select the object whose class attribute value of div element contains […]

  • 10 jQuery tips / code snippets

    Time:2019-11-14

    10 jQuery tips / code snippets10 jQuery tips / code snippets collected can help you develop quickly. Back to top button You can use animate and scrolltop to animate back to the top without using other plug-ins. // Back to top$(‘a.top’).click(function () {$(document.body).animate({scrollTop: 0}, 800);return false;});<!– Create an anchor tag –>Back to topChanging the value […]

  • JQuery (1) — preliminary understanding

    Time:2019-11-13

    JQuery (1) — preliminary understanding JQuery introduction Created by John Resig in January 2006 as an open source project, jQuery greatly simplifies JavaScript personnel’s traversal of HTML documents, DOM operation, event handling, animation execution, and ajax development by virtue of cross platform compatibility and simple syntax. JQuery advantages Lightweight. After compression with uglifys, it can […]

  • Angular’s method of introducing external JS files (Introducing jQuery)

    Time:2019-11-12

    Angular’s method of introducing external JS files (Introducing jQuery) Set allow external JS in tsconfig.json, as shown below Download the jQuery file and copy it to the project directory: assets / lib (where lib is the directory you created) Ensure that there is a declaration for assets in angular.json Call method: import * as ejs […]