Front End: jquery notes

Source: Internet
Author: User
Tags jqgrid

Front End: jquery notes This series of articles is a learning note about jquery. ASP. NET MVC Comet Push Summary: I. Introduction the principle of Comet push implemented in ASP. NET MVC is simple. Server-side: Receives the server sends the AJAX request, the server side does not return, but will hold, until has the thing to inform the client, only then returns this request. Client: Requests an asynchronous action, and sends another immediately when it receives a return. Cons: Will occupy an ASP for a long time ... Read the full posted @ 2015-02-10 12:01 Inverse mind reading (1072) | Comments (0) Edit

jquery Plugin Development Method Summary: First, jquery extension 1, $.extend (object) is similar to. NET extension method for extending jquery. It can then be called in the form of $. $ (function () {$.extend ({fun1:function () {) {alert ("extends a fun1 function for jquery ... Read the full posted @ 2014-11-27 11:22 Inverse mind Reading (252) | Comments (0) Edit

jquery's nestable Summary: Spatial attribute Top: Property Description Change event, when control changes trigger Nestable method, get order JSON data, form as follows: [{"id": 1},{"id": 2},{"id": 3, "children" : [{"id": 4},{"id": 5}]} Today, a recently graduated colleague is going to do a "sort out" function and see the controls he uses ... Read the full posted @ 2014-08-29 18:58 Inverse mind Reading (4981) | Comments (0) Edit

Jqgrid Use Record Summary: One, to refer to the file to use Jqgrid, the first page to introduce the following CSS and JS file. 1, CSS 2, JS Two, the use of key description 1, get the value 1, get a single ID to get the line number, there is this way: var rowID = $ ("#grid-table"). Jqgrid ("Getgridparam" ... Read the full posted @ 2014-07-29 17:17 Inverse mind Reading (39728) | Comments (2) Edit

windbg symbol and source code "second" Summary: the symbol file is a secondary data that contains some annotation information about the application code that is useful during debugging. If there is no secondary data, then the information available is only the binary file of the application. Binary files are difficult to debug because you cannot see the function names, data structure names, and so on in your code. This is exactly what the symbol file can display. The extension of the symbol file is usually the PDB, and the debugger can parse the text well ... Read the full posted @ 2014-05-15 10:22 Inverse mind Reading (2254) | Comments (1) Edit

jquery gets a summary of URL information: There are many ways to get URL information from jquery, but using this plugin is very cool. Managed address at: Http://github.com/allmarkedup/jQuery-URL-Parser//http://localhost:19090/home/index?id=1 ... Read the full posted @ 2013-10-24 19:06 Inverse Mind Reading (311) | Comments (0) Edit

Jqueryeasyui Summary: Using Easyui the best way is not to learn, all things are knocked over, you can not knock it out, but to find a good document. Http://files.cnblogs.com/kissdodog/jQueryEasyUI%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9%E6%89%8B%E5%86 ... Read the full posted @ 2013-09-09 13:01 Inverse mind Reading (2083) | Comments (1) Edit

AJAX-Cross-domain summary: First, JSONP actually I thought Jsonp could make use of Ajax arbitrary access to other people's program code, but I found that the actual is not what I imagined, because JSONP to change the server-side code. How to change the server-side code of other people? You can't use Ajax to get other people's data unless they want to. Ajax directly request ordinary files There is no access to cross-domain issues, no matter you are static pages, dynamic Web pages, Web services, WCF, as long as the cross-domain request, is not allowed; in fact, the principle of JSONP is to remotely execute JS. Example-server-side code: namespace ajaxdomain.controllers{public class Homecontroller:controller {... Read the full posted @ 2013-06-21 16:16 Inverse Mind Reading (302) | Comments (0) Edit

SWFUpload Bulk Upload Plugin Summary: swfupload is a batch upload plug-in, in HTML4.1, it is estimated that only flash+javascript cooperation can do. First copy an important URL, this should be the official document, quite complete. Http://leeon.me/upload/other/swfupload.html#uploadStart This is the format is more beautiful. Http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html, this document is too much content, various properties of various methods, can not remember so much, directly affixed to the last instance. The front desk is the view JavaScript code: <script src= "@Url. Cont read the full text posted @ 2013-01-24 22:09 Reverse Heart reading (9141) | Comments (1) Edit

jquery Tool Function Summary: $.browser object Property List description WebKit WebKit related browsers return true, otherwise return false, such as Google, proud tour. Mozilla Mozilla Related browser returns TRUE, otherwise returns false, such as Firefox saf ... Read the full posted @ 2012-12-27 13:39 Inverse Mind Reading (1079) | Comments (0) Edit

jquery Jcrop Summary: Avatar clipping is a frequently used function, the implementation of the principle is also relatively simple, is to select the local coordinates of the desired crop, the coordinates sent to the server, the server to perform the picture clipping operation. The jquery plugin Jcrop provides a powerful image clipping coordinate selection plugin. For a moment to introduce its usage. The department uses Ajax to upload a picture of the method for users to cut. Many validations are not done, because as an example of Jcrop, a lot of validation is less than the scope of this article. Server-side implementation using MVC3. Direct code, detailed comments inside there. First, the front page code. <link href= "Http://www.cnblogs.com/Content/jquery.Jcrop.css" rel= "Stylesh read the full text posted @ 2012-12-21 14:02 Reverse mind reading (6630) | Comments (0) Edit

jquery Plugin Jqzoom Summary: Jqzoom is a jquery-based image method plugin. How to use: 1. Introduction of jquery and Jqzoom,jqzoom.css 2. Prepare two large, small-sized images in the "src" attribute of the tag and add a <a> tag to the IMG tag,<a> Label "href" attribute chain to large picture parameter description: zoomwidht: The width of the selected area of the small picture. Zoomheight: The height of the selected area of the small picture. Zoomtype: The default value is standard. If set to reverse, the selected area is highlighted and the unchecked area is dimmed when the mouse is moved into the small picture. Xoffset: Enlarged figure Read full text posted @ 2012-12-15 22:40 Inverse mind Reading (6080) | Comments (0) Edit

jquery Plugin Artdialog Summary: Artdialog is a very powerful pop-up box plugin. There are two versions by default, one is the jquery version and one is the JavaScript version. It is very versatile and easy to use. Do not write, directly affixed to the pre-office network preview run address, later need to go there when the code is OK. Official website Preview Address: http://www.planeart.cn/demo/artDialog/_doc/API.html Read the full posted @ 2012-12-15 16:18 Inverse mind Reading (5201) | Comments (0) Edit

jquery Plugin ajaxfileupload Summary: First, ajaxfileupload is an asynchronous upload file of the jquery plugin. Pass a don't know what version of Come up, later don't have to look everywhere. Syntax: $.ajaxfileupload ([options]) options parameter description: 1, URL upload handler address. 2,fileelementid ... Read the full posted @ 2012-12-15 10:48 Inverse mind Reading (127878) | Comments (13) Edit

JQuery Plugin Cookie Summary: One, jQuery.Cookie.js plugin is a lightweight cookie management plugin. Special reminder, today found a special error, Google browser tip: Has no method $.cookie. Firefox tip: $.cookie is not a function; debugging for half a day, and finally find the reason, if the same page two or more times to introduce the jquery plugin will report this error. Usage: 1, the introduction of jquery and JQuery.Cookie.js plug-ins. <script src= "Jquery.1.8.3.js" type= "Text/javascript" ></script> Read full text posted @ 2012-12-14 23:48 Reverse Heart reading (13937) | Comments (2) Edit

JQuery Plugin Form Summary: First, the role of the JQuery.Form.js plugin is to implement the AJAX submission form. Method: 1.formSerilize () is used to serialize the data in the form and automatically organize it into a URL address format that is appropriate for Ajax asynchronous requests. 2.clearForm () Clears the contents of all the input values in the form. 3.restForm Reset Form ... Read the full posted @ 2012-12-13 22:28 Inverse mind Reading (13323) | Comments (0) Edit

Jquery_ Basic Summary: First, jquery and Dom object conversion. 1. The jquery object is converted to a DOM object: $CR [0] or $CR. Get (0) $CR for jquery object 2, Dom object converted to jquery object: $ (CR) CR as DOM object; Read full posted @ 2012-12-13 22:22 Reverse Heart Read (149) | Comments (0) Edit

jquery Ajax Abstract: Load () load page data load (url,[data],[callback]) URL: Load the page address, [data] the transmitted information, [callback] the callback function when loading is complete. Design a load.html code as follows: I am div1 I am div2 ... Read the full posted @ 2012-12-09 22:38 Inverse mind Reading (7107) | Comments (2) Edit

Elements of jquery Filter Summary: 1, eq () filter The specified index number of element 2, first () filter out a MATCH element 3, last () filter out the final matching element 4, hasclass () check whether the matching element contains the specified class 5, filter () Filters out the collection of elements that match the specified expression 6, is () checks whether the element matches the 7, map () 8, has () filter out the element containing the specified child element 9, not () exclude can be matched in the parameters of the element 10, slice () from the specified index start, Intercepts the specified number of elements 11, children () filter Gets the resource of the specified element 12, closest () starting with the current element, returning the first match to the matching criteria of the parent element 13, find (... Read the full posted @ 2012-12-09 10:53 Inverse mind Reading (7140) | Comments (0) Edit

Location of jquery Summary: 1, offset () Gets the offset of the matching element in the relative browser window to return an object, including two properties. Left: the distance from the opposite side of the browser window. Top: The distance relative to the top of the browser. $ ("#div1"). Offset (). Left; Returns an ID of div1 relative to the leftmost distance of the browser window $ ("#div1"). Offset (). Top; Returns the distance of ID div1 relative to the top of the browser window The following example shows a date div displayed below when the text box is clicked. Tightly stick to the text box above. And does not need to adjust the div CSS position, regardless of the above text box position if changes, can tightly as healthcare worker above the text box, remembers in the previous few days to love the wheels off Registration department reads the full text posted @ 2012-12-09 10:24 Inverse mind Reading (6081) | Comments (0) Edit

jquery Animation Effect Summary: 1, Show () display effect syntax: Show (speed,callback) Number/string,function speend is the animation execution time, in milliseconds. It can also be slow "," normal "," fast "callback optional, for functions that are executed when the animation is complete. Show (Speed,[easing],callback) number/string easing is swing by default, optional linear; $ ("#div1"). Show (3000,function () {alert ("Animated display completed!");}); Read the full posted @ 2012-12-08 14:13 Inverse mind Reading (12789) | Comments (0) Edit

JQuery Plugin Validate Summary: First, Jquery.validate introduction JQuery.validate.js plug-in is used to verify form input, its use configuration is very simple. Supports multi-event triggering, comes with multiple validation rules, and also supports custom validation rules. 1, the Configuration method first import the jquery library, and then import validate plug-in, if the Chinese hint also need to import messages_z ... Read the full posted @ 2012-12-05 23:15 Inverse mind Reading (5072) | Comments (0) Edit

jquery Development Experience Example Note summary: jquery gets the file selection input box extension var file=$ ("Input[name= ' file ']"). Val () var filename=file.replace (/.* (\/|\\)/, ""); File name var fileext= (/[.) /.exec (filename))? /[^.] +$/.exec (Filename.tolowercase ()): "; Extension today when using ajaxfileupload, encountered a to refresh the page to upload again, with the live () method to bind <input type= "F Read the full text posted @ 2012-12-04 23:51 Reverse Heart reading (918) | Comments (0) Edit

jquery Event Summary: First, the event List 1.blur () is triggered when the focus is lost. Include mouse click to leave and tab key to leave. 2.change () When the element gets the focus, the value changes the focus thing trigger. 3.click () triggers when the mouse is clicked. 4.dblclick () triggers when the mouse double-clicks. 5.error () ... Read the full posted @ 2012-11-26 12:38 Inverse mind reading (1062) | Comments (0) Edit

Dom Summary of jquery: 1.jQuery properties. Gets the syntax for the element attribute: attr (name) Example: $ ("#img1"). attr ("src"); Sets the syntax for an element's single attribute: attr (Key,value) Example: $ ("#img1"). attr ("src", "2.jpg"); Syntax for setting multiple attributes of an element: attr ({key0:value0,key1:value1}) Example: $ ("#img1"). attr ({src: "3.jpg", Title: "jquery changed a Picture"}); Read full text posted @ 2012-11-20 23:18 Inverse Mind Reading (976) | Comments (1) Edit

jquery Selector Summary: Basic selector: #id match an element by ID. class matches an element according to the given class name an element that matches one of the elements based on the element name * matches all elements Selecttor1,selector2 and returns two selectors matching to the Element Hierarchy selector: Ancestor descendant matches all descendant elements according to the ancestor Parent>child matches all child elements according to the parent element, the direct descendant Prev+next matches the next sibling element equivalent to the next () method prev~ Siblings ... Read the full text

Front End: jquery notes

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.