30 + jquery Chinese tutorials and resources

Source: Internet
Author: User
Tags contact form wordpress contact ibm developerworks
Document directory
  • 1. simple use of jquery to Add Tag keyword prompts for the search bar
  • 2. Use jquery In Wordpress to process sofa portraits
  • 3. DIY WordPress contact form with jquery
  • 4. jquery gradient drop-down menu
  • 5. Use jquery to automatically add background Effects to images in the article
  • 6. Implement the jquery pop-up effect of website RSS subscription
  • 7. Use jquery In Wordpress to hide older messages
  • 9. jquery page loading progress bar
  • 10. jquery optimization comments
  • 11. Use jquery to implement flexible Tab switching
  • 12. jquery Ajax comment Pager
  • 1. Use jquery for partial refresh
  • 2. jquery tips
  • 3. Extend jquery-$. FN. Extend () and $. Extend
  • 4. jquery tips
  • 5. 10 jquery special effects for designers
  • 6. jquery opens a new window without the 'target' attribute.
  • 7. How to Use jquery to turn off the lights like YouTube
  • 8. Basic jquery animation knowledge
  • 9. How to transmit Chinese Parameters Using jquery. Ajax
  • 10. Use jquery and PHP to build an Ajax-Driven Web Page
  • 12. Ajax transformation of existing Web Site series
  • 13. 15-day jquery getting started tutorial
  • 14. jquery Chinese tutorials

 

 

30 + jquery Chinese tutorials and resources

 

Many jquery plug-ins and tutorial resources have been released in The Palan image. In this article, we collect someExcellent Chinese jquery tutorials and skillsIt may be useful for you to improve your website design next time.

I. jquery skills and tutorials related to WordPress 1. simple use of jquery to Add Tag keyword prompts for the search bar

A simple function is to use jquery to set some preset keywords when users enter search characters in the search bar... More

2. Use jquery In Wordpress to process sofa portraits

This article describes how to use jquery to extract the sofa users separately and place them in a conspicuous position.

3. DIY WordPress contact form with jquery

A series of tutorials will show you how to use jquery to create a WordPress contact form, a friendly WordPress contact form... More

4. jquery gradient drop-down menu

How to Use jquery to implement the gradient drop-down menu and apply it to your RSS feed subscription list or other places you want to use... More

5. Use jquery to automatically add background Effects to images in the article

Processing the background Effects of inserting an image using jquery: The image is centered, and then the image background is in an equal-width area, regardless of the image size... More

6. Implement the jquery pop-up effect of website RSS subscription

The floating pop-up effect implemented by jquery... more

7. Use jquery In Wordpress to hide older messages

If you have a lot of comments on your blog, you may want to hide the older messages or make them into pages. If you make them into pages, wp2.7 will be built in later, but you need to solve some SEO problems after paging, so you can try to hide older messages... More

8. Use jquery to implement WordPress Ajax messages

This article describes in detail how to implement non-Plug-In Wordpress Ajax message effects... More

9. jquery page loading progress bar

The dynamic loading progress bar implemented by jqury can display the loading progress more friendly... More

10. jquery optimization comments

This article summarizes some tips for using jquery to optimize the WordPress comments, such as clicking and sliding to the anchor link, hiding the input form of the old visitor, commenting preview, and non-plug-in Ajax comments... More

11. Use jquery to implement flexible Tab switching

To achieve the tab effect, you only need a few simple lines of JS Code. But the tabs implemented by jquery can implement more beautiful special effects. This article will teach you how to implement them... More

12. jquery Ajax comment Pager

How to modify the Ajax comment pager plug-in of mg12 to implement Ajax in jquery mode... More

Ii. jquery Chinese Skills 1. Use jquery for partial refresh

Remotely obtain the file and insert it to the specified node. The default value is the get method. If there are other parameters, the POST method is used.You can specify a selector for Versions later than jquery1.2.We know that jquery's selector is powerful and named, so we can get the content of a node on the current page and insert it into the node, this achieves the effect of local refreshing... More

2. jquery tips

This article introduces some simple jquery techniques, but implements some complicated problems, including:Adaptive sub-element height to avoid CSS hack. Click the text in the disappearing prompt box, specify a container for the selector, and trigger the function after the image is loaded.... More

3. Extend jquery-$. FN. Extend () and $. Extend

Jquery extension is simple. The core is two methods: $. FN. Extend () and $. Extend ()... More

4. jquery tips

The jquery techniques introduced include page element reference and DOM object conversion. The same function implements set and get, how to obtain one of jquery sets, and set processing functions... More

5. 10 jquery special effects for designers

Very strong introduction to 10 jquery special effects. the original English text was published by Comrade Nick la and introduced by sofish. More

6. jquery opens a new window without the 'target' attribute.

The W3C standard of XHTML 1.0 strict does not support the target = '_ blank' attribute. The rel = "external" attribute is recommended, however, the rel = "external" attribute only indicates that the link points to the outside and does not generate actions opened in a new window, this article teaches you how to use jquery to open the link with the rel attribute external in a new window... More

Gossip: I personally think this is something to consider. It's not about the technical issue of this tutorial, but about how we treat web standards.

  • W3C standards do not support the target = '_ blank' attribute because they believe that it is user-friendly to open a link in a new window.
  • We disguised the code to pass W3C verification, but it violates the original intention.
  • Are we working for web standards or for W3C verification?
7. How to Use jquery to turn off the lights like YouTube

Most websites, especially large websites, and especially domestic websites, use white or clear backgrounds, while black and dark backgrounds and websites with strong personal colors use more. However, black backgrounds are more conducive to visual browsing, especially for video websites and image websites. This article describes how jquery achieves the effect of turning off the lights like YouTube, which is actually a special effect for style switching... More

8. Basic jquery animation knowledge

If you do not check the source code or right-click a website made by jquery experts, you will not be able to tell whether JavaScript or flash is used. Learn the basics of jquery animation before you want to implement these cool effects... More

9. How to transmit Chinese Parameters Using jquery. Ajax

How to solve the problem of garbled characters when passing Chinese parameters... More

10. Use jquery and PHP to build an Ajax-Driven Web Page

Thomas Myer, founder of triple dog dare media, published an article in IBM developerworks China to teach you how to add Asynchronous JavaScript + XML (Ajax) to PhP pages using jquery, a lightweight JavaScript framework) function.... More

11. Use jquery to simplify Ajax Development

Jquery helps you ensure that the Code is concise and easy to read. You no longer have to write a bunch of repeated loop code and Dom script library calls. With jquery, You can grasp the key points of the problem and use as few code as possible to implement the functions you want.

There is no doubt that jquery's principle is unique: its purpose is to ensure that the Code is concise and reusable. After understanding and understanding this principle, you can start to learn this tutorial. Let's see how much jquery has improved our programming methods... more

12. Ajax transformation of existing Web Site series
  • Ajax transformation, Part 1: using Ajax and jquery to improve existing sites
  • Ajax transformation, Part 1: Using jquery, Ajax, tooltip, and lightbox to improve existing sites
  • Ajax transformation, Part 1: Using jquery, Ajax tabs, and photos to improve existing sites
  • Ajax transformation, Part 1: Using jquery and Ajax forms to transform existing sites

Using ajax to transform the existing web site series of articles, respectivelyHow to use a simple modal window to eliminate pop-up windows and navigation dead corners,How to Use Ajax technology to improve a web 1.0 shopping site.

13. 15-day jquery getting started tutorial

A foreign jquery getting started tutorial "15-day jquery getting started tutorial" is very suitable for beginners to learn jquery development step by step. The original site is http://15daysofjquery.com/, you can find the first five Chinese translations of this series of tutorials on the translation.

14. jquery Chinese tutorials

This document describes how jquery works step by step based on examples. This Guide describes the jquery library and requires readers to understand the common knowledge of HTML (DOM) and CSS. It includes a simple hello world example, selector and event basics, Ajax and FX usage, and how to create jquery plug-ins. This Guide contains a lot of code. You can copy them and try to modify them to see the results... More

3. Learn more about jquery Resources

There are many jquery fans and experts who share a lot of fascinating jquery plug-ins, techniques, and tutorials. Although this article tries to collect as many excellent jquery resources as possible, it actually only collects a glimpse. Below are some blogs and website links that allow you to get more massive jquery resources.

  • The jquery column of cssrainbow contains many jquery plug-ins and tips, but some of them are a little concise.
  • Jinwen say's jquery column-mostly the jquery skills related to WordPress, which is very detailed and dummies
  • The jquery column of Shawn blog-some excellent jquery tutorials, mostly related to Wordpress.
  • The jquery column observed by the front-end contains some foreign jquery skills translations.
  • The jquery plug-in column of biyou blog-describes various jquery plug-ins and usage methods.
  • Waterg's blog's JavaScript column-contains many basic but tricky jquery Solutions
  • Jquery Chinese community-as long as you have the ability to distinguish between spam and essence, the Community will always be a good place to learn.

In fact, Palan is not quite familiar with jquery and Javascript. For various reasons, it is not necessary to use JavaScript, but as you know, JS has long been an essential part of web page creation, structure, performance, and behavior. In the future, behavior will become more and more important. Therefore, it is good to study as soon as possible. It is another matter whether you need to use it immediately.

Finally, I would like to recommend myself to the jquery column of The Palan image. There is no original jquery skills, but it also contains many jquery plug-ins and tutorials for translation introduction. If you are looking for jquery resources, we can still provide something for you.

 

 

From: http://paranimage.com/30-chinese-jquery-tutorials/

 

13 JavaScript scripts for enhanced Web Design

Http://paranimage.com/13-javascript-scripts-enhanced-web-design-interface/

 

 

 

 

 

 

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.