Response title
This is preview!
- Screen name: keeffEoghan
keeffEoghan's Profile
2 Posts
4 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- If $.extend is to be used to perform a deep (recursive) copy of an object, the arguments are supplied as follows:
- var a = { shallow: 1, deep: { x: 1, y: 2 } },
- b = { shallow: 4, deep: { x: 5, y: 6 } },
- abCopy = $.extend(true, {}, a, b);
- abCopy.deep === b.deep; // false - not referencing b's 'deep' property - successful deep copy
However, it seems that if the objects are instances of a class, the copy is no longer deep:- function Class(x, y) {
- this.x = (x || 0);
- this.y = (y || 0);
- }
var c = { shallow: 1, deep: new Class(1, 2) }, - d = { shallow: 4, deep: new Class(5, 6) },
- cdCopy = $.extend(true, {}, c, d);
- cdCopy.deep === d.deep; // true - still referencing d's 'deep' property - shallow copy
A demo can be found at http://jsfiddle.net/keeffEoghan/3GAwA/1/- 31-May-2011 04:47 AM
- Forum: Developing jQuery Core
Each jQuery object has a selector property - the accumulated selector strings that were used to query the DOM for the nodes inside it. Here's a few examples:- $('elem.class').selector; // "elem.class"
- $('elem .class').selector; // "elem .class)"
However, when traversal functions are used on the jQuery object, the selector property is updated, but is often no longer a valid CSS selector:- $('elem').filter('.class').selector; // "elem.filter(.class)" - invalid CSS selector
- $('elem').children('.class').selector; // "elem.children(.class)" - invalid CSS selector
- $('elem').eq(0).selector; // "elem.slice(0,1)" - invalid CSS selector (eq() uses the internal .slice() function)
- $('elem').add('.class').selector; // "" - gone completely! Invalid CSS selector
And sometimes it is:- $('elem').find('.class').selector; // "elem .class" - valid CSS selector
As far as I can see, there is no need for the selector to break with standard CSS, as the jQuery traversal functions (that I've tested so far) have CSS selector equivalents. For example:- $('elem').filter('.class') - "elem.filter(.class)" - could be "elem.class"
- $('elem').children('.class') - "elem.children(.class)" - could be "elem > .class"
- $('elem').eq(0) - "elem.slice(0,1)" - could be "elem:nth-child(0)"
- $('elem').add('.class') - "" - could be "elem, .class"
This is a small thing, but it would allow more complete interchangeability and standards-compliance between jQuery and CSS. I have already come up against this problem before - writing a plugin to create css rules in a <style> element through script.There are some traversal functions that might be tricky to make valid CSS selectors from, like .parent(), but, on the whole, it should be possible and easy enough to standardise them.- «Prev
- Next »
Moderate user : keeffEoghan