• Master each () and $. Of jQuery traversal operation Each () [easy to get started]


    You may be curious: “ah, when I first learned jQuery, didn’t I remember learning an iteration? Oh, yes, it’s implicit iteration. That’s a simple operation of traversal, so why learn traversal???” Now let me explain to you curious babies. Let’s think about what we learn implicit iteration for first? Is it to give the same […]

  • JQuery plug-in realizes picture comparison


    This example shares the specific code of jQuery plug-in to realize picture comparison for your reference. The specific contents are as follows A very common effect is not difficult to do The effect is as follows Code part <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> < title > compare pictures < / Title > <script src=”js/jquery-3.4.1.min.js”></script> […]

  • Encryption and decryption method of PHP micro engine goto — \ x64 \ x61 \ 164 \ x61 and so on


    <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title></title> <script src=”https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js”></script> <link href=”https://cdn.staticfile.org/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0″ rel=”stylesheet”> </head> <body> <div> <ul> </ul> </div> <script type=”text/javascript”> var _0xb200=[“\x64\x61\164\x61”, “\x73\x65\154\154\x65\162\x5f\x69\156\146\x6f”,”\x73\145\154\154\145\x72″,”\163\145\x6c\154\145\162\137\x63\141\x72\x64″,”\x2c”]; for(var i =0; i < _0xb200.length; i++){ <!– alert(i +’: ‘+ _0xb200[i]); –> $(‘ul’).append(‘<li>’+ i +’: ‘+ _0xb200[i] +'</li>’); } </script> </body> </html>

  • Using jQuery to realize the two-mode hamster game


    catalogue 1. Introduction to hamster game II. Explanation of implementation ideas and difficulties Material production General idea Layout considerations Realization principle of hamster random haunt and timing Scoring realization principle Dual mode implementation principle 3. Complete source code 4. Optimized angle Write at the beginning: In the major it blog stations, there are many articles […]

  • Integrated bootstrap5 + vue3 + jquery3, no node, NPM, yarn, webpack, relying on nginx native running, compatible with PHP environment


    demonstration history First of all, let’s review the history of web development, which will have a clear context:1. In the past, most of the products we developed and used werehttps://github.com/jquery/jquery, its first version can be traced back to 2006. It has been 16 years since (2022). At present, 56K star! The corresponding UI framework ishttps://github.com/jquery/jquery-ui, […]

  • Implementation of enterprise employee management system based on java + spring MVC + MySQL + jquery


    Author home page:Li Yangyong Introduction: high quality creators in Java field【Li Yangyong】Public name author} resume template, learning materials, interview question bank, technical assistance [pay attention to me and give it to you] Get the source code at the end of the article catalogue Research background System function overview Main functions: User login: Home page function: […]

  • JQ common selector


    JQ common selector *: // All elements $(“body *”) // Select all elements in the body #id // Selects an element with a unique specified ID ​ $ (“#hope”) // Select the element with id = “Hope” .class // Select the class element with the specified (unlike the ID selector, which is often used for […]

  • DOM —- delete node


    Delete node: node removeChild(child) //HTML code < button > delete < / button > <ul> <li>Xiong Da</li> <li>Xiong er</li> <li>Bald head strength</li> </ul> //JS code // 1. Get element var ul = document.querySelector(‘ul’) var btn = document.querySelector(‘button’) // 2. Delete element node removeChild(child) // ul.removeChild(ul.children[0]) // 3. Click the button to delete the children in […]

  • JQuery handwritten breadcrumb progress bar (completed / in progress / to be completed)


    Small logo can be changed. I’m on iconfont COM, which is not very suitable. It’s just for blogging. The UI in the project will be shown code: <!– Wrap bread crumbs at the target location. If jQuery fails, go to bootcdn to find one — > <div class=”nav-wrap”></div> <script src=”https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js”></script> /*Page navigation*/ .nav { width: […]

  • JQuery plug-in realizes seamless rotation


    Seamless rotation is a very common effect, which is very simple after understanding the logic. The effect is as follows Code part <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> < title > do seamless rotation < / Title > <script src=”js/jquery-3.4.1.min.js”></script> <style> * { margin: 0; padding: 0; user-select: none; } #div { border: 1px solid […]

  • Detailed jQuery chain call


    catalogue call chaining A small case call chaining After the jQuery object calls any method (except the node relationship method) for execution, the method will have a return value. The return value is the jQuery object itself. This phenomenon provides us with convenience. We can continue to manage the execution results and call the methods […]

  • Explain the animation method of jQuery and solve the animation queuing problem


    catalogue Animate() animation method Animation queue Delay() method Stop() stop animation method Empty animation queue Animation queuing problem Animate() animation method Function: execute custom animation of CSS attribute set Syntax: $(selector) animate(styles,speed,easing,callback) • parameter 1: a collection of attribute names of CSS and attribute values of the end position of the motion.• parameter 2: optional, […]