JQuery :: Difference Between :not And .not Other Than Syntax?
Nov 6, 2011Was wondering, other then the syntax difference, should the below to bits not end up with the same result?
$("details").not("summary");
$("details :not(summary)");
Was wondering, other then the syntax difference, should the below to bits not end up with the same result?
$("details").not("summary");
$("details :not(summary)");
i'm a newbie on jquery i'm studying it with the latest version, and following a book called "Learning Jquery" but iencountered a error, and i don't know what the problem is:
i copied the code from the book like this:$('a[@href^="mailto:"]').addClass('mailto'); to try to change the links which start with "mailto" to the new class "mailto" but there's a error reported: uncaught exception: Syntax error, unrecognized expression: [@href^="mailto:"]
I'm studing the jquery API for .eq() and :eq() , As i read in the comments a user said :
I found that using this method instead of the inline string :eq() is faster.
Do these methods hava differences?and which are these differences?
I've been using 1.3 which allows me to query non-standard attributes on tag. On an anchor I set a value="" attribute and was able to say (in an onclick binding) $(this).attr('value') to get the value. This no longer works with 1.6. Is there another, better way to do this?
View 5 Replies View RelatedSince jquery 1.7 there is a new method, named: on(). What is the difference between .bind() and .on()?
[URL]
Lets say I had a wrapped set of <p> elements. I understand how slice could return more than one element, but what is the difference between nth-child() and eq()?
$('p:nth-child(3)').css("font-style","italic");
$("p:eq(2)").css("font-style","italic");
$("p").slice(2,3).css("font-style","italic");
i have two html files index and index1. on index javascript works but after a 1 sec or so redirects to something wired. index1 doesnt work at all.
[Code]...
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
I want to give functinality to add and remove rows dynamically using jQuery.
if i add a row in table using "append()" and try to access newly added row,( with last() or slice() ) then it references the the last row before new rows inserted dynamically.
Instead if i use insertAfter(), i can reference the new rows correctly.what can be the issue?
Works wrongly:
$("#tbl2 > tbody > tr").last().append('<tr"><td>1</td><td>2</td><td>3</td></tr>');
$("#tbl2 > tbody > tr").last().remove();
Works as desired :
$('<tr"><td>1</td><td>2</td><td>3</td></tr>').insertAfter($("#tbl2 > tbody > tr").last());
$("#tbl2 > tbody > tr").last().remove();
I am trying to implement a countdown on my website. I want to calculate the difference between the current date and Jan 1st 2012 at 12:01am. I need to have the format in dd:hh:mm:ss so i can push it into this class.I've been reading posts but can't get it to work properly.
View 1 Replies View RelatedI am looking for jQuery plugin that can give difference between two textarea content in some highlighted color.
View 1 Replies View RelatedI'm not sure if this is a jQuery issue or an IE9 Preview7 issue, but I'm seeing different behavior with these two methods. I'm trying to apply a scale transform using CSS:
.grow {
-webkit-transform: scale(1.7);
-moz-transform: scale(1.7);
-ms-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7);
}
addClass('grow') works fine, but if I try to add the attributes with css({'-ms-transform': 'scale(1.7)'}), it doesn't work. My preference is to use css() since I'm building a plugin and don't want external dependencies.* You can see a repro here: [URL], but it only works as intended (well, the addClass button) in IE9preview7. I'm interested in what jQuery might be doing differently to cause the behavior. I'm also interested in approaches others have used to do scale transforms that have better browser compatibility. I like the css approach so far because it doesn't seem to force the growth of the parent container like it does when I manually change the height and width with jQuery.
* I assume to use addClass, the CSS class has to be in the HTML page or a linked stylesheet. Nowhere to define it in a jQuery plugin, right?
I'm working on redesign of a vacation rental company web site, and I'm looking to use a drop down calendar to select the arrival/departure date on the search form. getting the number of nights difference between dates (though I think the code/labels are slightly backward in that example), but I don't know where to start to split off the variables I need. Basically, the search.php file I'm passing the variables to need to be in this format:
Code:
search.php?month=(arrival month digit)&day=(arrival day digit)&year=(arrival year, 4 digits)&days_count=(number of nights)(...plus some other variables...)
how to split things off properly and get a properly formatted URL? I'll experiment a bit, and come back here with sample code
I have a text string that is a complete html doc. How do I tell jquery to parse that?
Variable theDoc holds the other html doc.
I tried:
var doc = $(theDoc);
If it is "this" doc it looks like: var x = $('table:contains('test')).html(); I tried: var x = doc.find('table:contains('resume')).html();
It keeps saying something is null.
So what is the syntax to look inside another doc , not the one the code is currently in?
I have a countdown clock in bidding. When someone bid within 30 secs clock will reset from 30 sec. In my case clock is reset but timezone difference added. So if bid within 30 sec clock counting down 4 hrs , 30 mins , 30 secs.
My code is below----
"cd".$clock_no is the countdown div
var periods = $("#cd". $clock_no."").countdown('getTimes');
if ($.countdown.periodsToSeconds(periods) < 30) {
periods[6]+=30;
$("#cd1").countdown('change', {until: periods[0] + 'y ' + periods[1] + 'o ' + periods[2] + 'w ' + periods[3] + 'd ' + periods[4] + 'h ' + periods[5] + 'm ' + periods[6] + 's'});
}
I keep getting a syntax error on line 3 and 4 of this very simple script. Normally firebug would give me enough info to fix this but jQuery escapes me. I can see no reason for the errors.
<script type="text/javascript">
$(".shipping-switch[name='shipping_switch']").click(function(){
var selector = "div#sub-address";
if($(this).val() === "1"){
$(selector).slideDown("fast");
} else {
$(selector).slideUp("fast");
}});
</script>
just a quick question about syntax.What's the difference between the following functions?
$("#menu li").hover(
function(event) {
if ($(this).is(".active")) return;
[code]...
If you notice, at the end of the first hover function, there is an excess (), whereas on the second, there isn't. They are both functional. I was just curious as to why this is added sometimes and other times not.
I have a number of input fields and pass their name and ID to this function, in order to clear the defaults and remove the initial class. :
[Code]...
I'm still trying to get to grips with jQuery syntax,I'm working on an accordion-style menu and I'm struggling to get a hide behaviour to work.
Basically I want to hide all of the controls within my specified parent control which have an ID starting with "accordionBody_" except the first one. (So that the first pane is expanded and the rest are hidden on load.) I'm using the following:
$('#' + containerId).find("div[id^='accordionBody_']:not(:first)").hide();
But it's not working - it just hides all of the controls.
I have seen the following methods to call a function in jQuery.
Case 1: $.validator.methods[method].call
Case 2: $.validator.methods[method](parameter1)
Where can I find the reference document for the usage of [] to call a function in jQuery.
I am in the process of porting an application i have been building for a couple of years to jQuery from jquery/prototypejs&scriptaculous.
Reading the new documentation i see that bind can take multiple observers (for example)
$(
"div.test"
)
.bind
(
[Code].....
Is this also true with "live" ( i am adding alot of dynamic elements to a page that have tooltips attached to them and have written a simple tooltip plugin that uses live to stop me constantly needing to call the plugin everytime somehting on the page changes to do with the tooltip..
I have a simple jquery selector: $('[id^=total_item]') I would like to add a rule so that the upper code would match all elements that don't have 'locked' class (so that it wouldnt match those with class='locked'). How should I add this rule to the selector?
View 1 Replies View RelatedThis is my first post to the group, so please be gentle :) For some unknown (to me at least) reason I'm getting a syntax error in IE from the following code
[Code]...
I'm quite new to jquery and i would like to know the best syntax to create an object with couple of DOM elements. I mean something like this:
[Code]...
I was following an example on youtube discussing the load() function which show you how to load content from a different page and this work great.
However in my quest to learn jquery I came across a different sample from wait-till-i.com which show you how to use a reusable code for multiple link with load($(this).attr('href') );
So my question is how can I add .secondList li:even' to select only what I need as in load($(this).attr('href'+ .secondList li:even')); assuming I have several page and all have a secondList of some sort.
I'm passing the id of a div as a parameter. I'm not sure how to refer to it with Jquery. The following does not work:
Code:
function updatemail(param1, param2) {
$("#param2").animate({ opacity: "show" }, 300);
}
I also tried $(param2) but it did not work.
I have an ID like this: $('#id').click(function(event){Do stuff after click
}); Can I have it also have a conditional or statement
$('#id').click || $variabe=='something' (function(event){
});
What is the proper syntax for something like that?