INSERT INTO sites(host) VALUES('learningjquery.com') 1045: Access denied for user 'www-data'@'localhost' (using password: NO) learningjquery.com Estimated Worth $133,295 - MYIP.NET Website Information
Welcome to MyIP.net!
 Set MYIP as homepage      

  
           

Web Page Information

Title:
Meta Description:
Meta Keywords:
sponsored links:
Links:
Images:
Age:
sponsored links:

Traffic and Estimation

Traffic:
Estimation:

Website Ranks

Alexa Rank:
Google Page Rank:
Sogou Rank:
Baidu Cache:

Search Engine Indexed

Search EngineIndexedLinks
 Google:
 Bing:
 Yahoo!:
 Baidu:
 Sogou:
 Youdao:
 Soso:

Server Data

Web Server:
IP address:    
Location:

Registry information

Registrant:
Email:
ICANN Registrar:
Created:
Updated:
Expires:
Status:
Name Server:
Whois Server:

Alexa Rank and trends

Traffic: Today One Week Avg. Three Mon. Avg.
Rank:
PV:
Unique IP:

More ranks in the world

Users from these countries/regions

Where people go on this site

Alexa Charts

Alexa Reach and Rank

Whois data

Who is learningjquery.com at whois.godaddy.com

Domain Name: learningjquery.com

Registrar URL:
http://www.godaddy.com

Registrant Name: Kevin McArdle

Registrant Organization:

Name Server:
ns33.domaincontrol.com

Name Server:
ns34.domaincontrol.com

DNSSEC: unsigned



For complete domain details go to:


http://who.godaddy.com/whoischeck.aspx?domain=learningjquery.com



The data contained in GoDaddy.com, LLC's WhoIs database,

while believed by the company to be reliable, is provided "as is"

with no guarantee or warranties regarding its accuracy. This

information is provided for the sole purpose of assisting you

in obtaining information about domain name registration records.

Any use of this data for any other purpose is expressly forbidden without the prior written

permission of GoDaddy.com, LLC. By submitting an inquiry,

you agree to these terms of usage and limitations of warranty. In particular,

you agree not to use this data to allow, enable, or otherwise make possible,

dissemination or collection of this data, in part or in its entirety, for any

purpose, such as the transmission of unsolicited advertising and

and solicitations of any kind, including spam. You further agree

not to use this data to enable high volume, automated or robotic electronic

processes designed to collect or compile this data for any purpose,

including mining this data for your own personal or commercial purposes.



Please note:
the registrant of the domain name is specified

in the "registrant" section. In most cases, GoDaddy.com, LLC

is not the registrant of domain names listed in this database.

Front Page Thumbnail

sponsored links:

Front Page Loading Time

Keyword Hits (Biger,better)

Other TLDs of learningjquery

TLDs Created Expires Registered
.com
.net
.org
.cn
.com.cn
.asia
.mobi

Similar Websites

More...
Alexa鏍囬

Search Engine Spider Emulation

Title:Learning jQuery | Tips, techniques, and tutorials for the jQuery JavaScript library
Description:Learning jQuery: Tips, techniques, and tutorials for the jQuery JavaScript library
Keywords:jQuery, JavaScript, ajax, web development, web design, css
Body:
Learning jQuery | Tips, techniques, and tutorials for the jQuery JavaScript library
Learning jQuery
Tips, techniques, and tutorials for the jQuery JavaScript library
Home
Categories
Archives
About
Contact
Entries RSS
Filter:
All
Beginner
Intermediate
Advanced
Search
10X
Nov
20
2016
jQuery: Enable Click Event for Some Anchor Elements
by Learning JQuery
jQuery provides a very easy way to disable click events for any DOM element. And you can also disable click event for all Dom elements with few lines of code. But then what if you want to enable click event for some elements? For example, if a click event is disabled for all anchor elements, but there is a situation where you need to enable click event for one or more anchor elements. How do you implement it?聽 In this post you #8217;ll see how to address this requirement.
HTML
For this demo, there are 2 anchor tags. One with a class 鈥渁llowClick,鈥 for which click should be allowed. For all other anchor tags, click should be disabled.
聽 聽 lt;a href="#" gt;Click Me!!!! lt;/a gt;
聽聽 lt;a href="#" gt;No Click lt;/a gt;
jQuery
First, here is jQuery code to disable click event for all anchor tags. The following jQuery code will disable the click event for all anchor tags present in the page.
$('a').click(function(e) {
聽聽 console.log('Click Disabled!!!.');
聽聽 e.preventDefault();
});
Now, how do we allow the click event for some anchor elements? To allow the click event, you need to attach click events again to that element. Following jQuery code will attach click event to all elements with css class named 鈥渁llowClick鈥.
$('.allowClick').click(function(e) {
聽聽 console.log('allowClick Worked!!!.');
});
So the complete jQuery code is:
$('a').click(function(e) {
聽聽 console.log('Click Disabled!!!.');
聽聽 e.preventDefault();
});
$('.allowClick').click(function(e) {
聽聽 console.log('allowClick Worked!!!.');
});
In this case when element with CssClass 鈥渁llowClick鈥 will be clicked, then first $( #8216;a #8217;).click() would be called and then its own attached click event. Here is the screenshot:
Levels: Intermediate | No comments
Nov
13
2016
jQuery #8217;s .attr() Method
by Learning JQuery
In jQuery, the attribute or .attr() method is used to set the attributes values of selected elements. It works similarly to the .css() method, except with .attr(), you're not setting or changing the style rules, but the inline HTML attributes of a particular element. Common HTML attributes that can be altered are width and height, which are often applied to image (img) tags. Check out the example below to see how the .attr() method works.
PLAIN TEXTJAVASCRIPT:
lt;br / gt;
$ #40; quot;.main-img).click(function(){ $(this).attr( quot;width quot;, quot;350px quot;); }) lt;br / gt;
The code above will change the width of the .main-img class to 350px when that class is clicked. The syntax for setting or changing the attribute of an HTML element is putting the attribute in quotations as the first parameter of the method, and then your desired value in quotations as the second parameter of the method, like this: .attr("attribute","value").
If you want to use the .attr() method to set more than one value, the syntax changes a bit. The syntax actually becomes more similar to a CSS style rule, like this: .attr({attribute: value, attribute: value}). Here's what it looks like in action:
PLAIN TEXTJAVASCRIPT:
lt;br / gt;
$ #40; quot;.main-img).click(function(){ $(this).attr({width: 350px, height: 450px}); }) lt;br / gt;
Levels: Beginner | 1 comment
Nov
06
2016
jQuery #8217;s .find() Method
by Learning JQuery
In jQuery, the .find() method is used to return descendent elements of the selected element. Basically, you can use it when you want to apply jQuery to all the descendants of a particular element. You can also do this by selecting them by classes and ids, but sometimes if there are many different classes, ids, or elements involved, this way is the simplest.
To use it, place the parent element in the selector, and pass the descendant elements you'd like to apply your jQuery to through the parameters. See how it works below:
$(".main").find("p", "a").css("font-size", "18px");
So the code in the example above will change the font-size of all of the p and a elements that are children of the .main element to 18px.
You can use this method to return as many descendants as you like, just make sure you pass them through the .find() method, place them in quotations, and separate them with a comma.
No comments
Oct
31
2016
jQuery: Showing/Hiding HTML Elements Based on Scroll Position
by Learning JQuery
Showing/hiding any HTML DOM element is a common scenario based on various business requirements. Since the time of SPA (single page application) is evolved, you will find that on scroll position of browser, new elements are shown and previous elements are hidden. There are tons of jQuery plugins available which can show/hide any HTML element based on the scroll position but it鈥檚 not advisable to use jQuery plugins for things which you can do with simple jQuery code. So in this post, let鈥檚 see how to show/hide any HTML element based on the scroll position in the browser window using jQuery.
First, we need to get the scroll position. Out of the box jQuery provides a function scrollTop() which gets the current vertical position of the scroll bar for the first element in the set of matched elements or set the vertical position of the scroll bar for every matched element. If the scroll bar is at the very top, or if the element is not scrollable, this number will be 0.
HTML
For the demo, there are some empty div elements at the top and bottom so that scroll bar appears in the browser. And there are 2 div elements dvContent and dvContent2 which will be shown/hidden based on the scrollbar position.
lt;div style="height:100px;" gt;
lt;/div gt;
lt;div id="dvContent" style="height:100px;" gt;
聽 your HTML content
聽 lt;br / gt;your HTML content
聽 lt;br / gt;your HTML content
聽 lt;br / gt;your HTML content
聽 lt;br / gt;
lt;/div gt;
lt;div id="dvContent2" style="height:100px;" gt;
聽 your HTML content 1
聽 lt;br / gt; your HTML content 2
聽 lt;br / gt; your HTML content 3
聽 lt;br / gt; your HTML content 4
聽 lt;br / gt;
lt;/div gt;
lt;div style="height:800px;" gt;
lt;/div gt;
jQuery
Here is the jQuery code, which first hides the dvContent2 and then binds the scroll event to window object. Within the scroll event, first check for scrollTop() function returned value. If it鈥檚 greater than or equal to 100, then hide the dvContent and show the dvContent2 div. And in the other part, do the opposite.
$(function() {
聽 $('#dvContent2').hide();
聽 $(window).scroll(function() {
聽 聽 var scroll = $(window).scrollTop();
聽 聽 if (scroll gt;= 100) {
聽 聽 聽 $('#dvContent').hide();
聽 聽 聽 $('#dvContent2').show();
聽 聽 } else {
聽 聽 聽 $('#dvContent').show();
聽 聽 聽 $('#dvContent2').hide();
聽 聽 }
聽 });
})
As you can see, it鈥檚 pretty easy to show/hide any DOM element based of the browsers scroll bar position.
Levels: Intermediate | No comments
Oct
16
2016
Using Method Chaining in jQuery
by Learning JQuery
When you use method chaining in jQuery, it ensures that you never have to use the same selector more than once. Over-using a selector can seriously slow down your code, as every time you call on a selector you're forcing the browser to go looking for it. By combining or "chaining" multiple methods, you can seriously cut down on the amount of times you make your browser look for the same elements without having to set any variables.
Here's an example of what your jQuery could look like before you employ method chaining:
$("#header").css('color', '#333");
$("#header").addClass("bigger");
$("#header").toggle();
To chain all of these methods so you only have to use the $("#header") selector once, you simply need to connect them using a period ".":
$("#header").css('color', '#333").addClass("bigger").toggle();
Now, when whatever your event will be to trigger this code occurs, the header will change color, add the .bigger class and whatever CSS properties come along with it, and it will toggle from view -- all while the browser only has to find the selector once, rather than three times. Method chaining is a great way to clean up your code, keep things concise, and make sure your code is running as quickly as it possibly can.
Levels: Intermediate | No comments
Oct
10
2016
Disable Links with jQuery
by Learning JQuery
jQuery's built in preventDefault() method is a great way to prevent the default functionality of an element from occurring. It's probably most commonly used to disable links. Maybe you want a certain link only to work under certain conditions (like for example, you only want it clicked if the user is on a desktop sized screen), or maybe you want to disable a link all together. Either way, doing so is pretty simple with jQuery's preventDefault() method.
$("a").click(function(event){
聽聽聽 event.preventDefault();
});
The code snippet above will disable ALL your links, so make sure that in place of "a", you write the exact class or ID of the link you'd like to select and disable, otherwise none of your links will work!
No comments
Older Posts
Popular Posts
Using jQuery's Data APIs
Merging jQuery Deferreds and .animate()
A jQuery UI Combobox Under the Hood
Quick Tip: Prevent Animation Queue Buildup
Working with Events, part 1
Improved Animated Scrolling Script for Same-Page Links
Recommended Book
Learning jQuery,Fourth EditionBy Karl Swedberg amp; Jonathan Chaffer
Links
jQuery Resources
jQuery Forum
Downloading jQuery
jQuery Documentation
jQuery Code Repository on GitHub
The jQuery Project
jQuery Blog
jQuery UI Blog
Take A Look At Our Achives!
What Is This?
Learning jQuery is a multi-author weblog providing jQuery tutorials, demos, and announcements. We have tutorials for all skill levels, and each entry is categorized by level of difficulty.
Pages
Home
Categories
Archives
About
Contact
Privacy Policy
RSS
Entries (RSS)
Comments (RSS)
copy; Copyright 2006 ndash;2016 Learning jQuery and participating authors. Written content on this site is under a Creative Commons License. Code examples are under your choice of MIT or GPL license.
Development by Karl Swedberg. Design by Rex Rainey. Published with WordPress.

Updated Time

Updating   
Friend links: ProxyFire    More...
Site Map 1 2 3 4 5 6 7 8 9 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170 180 190 200 250 300 350 400 450 500 550 600 610 620 630 640 650 660 670 680 690 700 710 720 730 740 750
TOS | Contact us
© 2009 MyIP.cn Dev by MYIP Elapsed:58.831ms