Examples of using the class in the oop mode of jquery, jqueryoop

Examples of using the class in the oop mode of jquery, jqueryoop

This example describes how to use the class in the oop mode of jquery. We will share this with you for your reference. The details are as follows:

Here we use class to manage various functions of jquery. I think it is very convenient and the code is quite readable. In the past, I used to like to create a file to write a function, and then include a file. Then I found it quite troublesome to find a function. It is not convenient to manage functions using classes. I'm not talking much.

Oop.html

<! Doctype html public "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
2. Create an oop. js
Function oop () {// defines the variable var aaa = this; // initializes this. init = function () {aaa. addnotice (); aaa. unchange (); return aaa;} // Add function this. addnotice = function () {$ ("input [type = 'text']"). each (function () {$ (this ). focus (function () {if ($ (this ). val () ==$ (this ). attr ('notice ') {$ (this ). val ("");}}). blur (function () {if ($ (this ). val () ==$ (this ). attr ('notice ') | $. trim ($ (this ). val () = "") {$ (this ). val ($ (this ). attr ('notice ') ;}}) ;}// add function this. cleannotice = function () {$ ("input [type = 'text']"). each (function () {if ($ (this ). val () ==$ (this ). attr ('notice ') {$ (this ). val ("") ;}}) ;}// add function this. unchange = function () {$ (". select "). bind ('change', function () {if ($ (this ). val () = '0') {alert ('noselect');} else {alert ($ (this ). val ());}});}}
Test it if you are interested.
I hope this article will help you with jQuery programming.
Articles you may be interested in:

 

 
  
Jquery method + js general method + js object-oriented method to achieve drag-and-drop effect
 
  
The object looping method in jquery
 
  
How jquery parses data in json format (Object and string)
 
  
A Simple Method for caching selector in an object using jQuery
 
  
Jquery operates angularjs objects
 
  
JS/Jquery method for determining whether an object is null
 
  
Jquery form object attribute filtering selector instance analysis