jQuery equivalent

[steffenk]

btw - i really like the $(), so this can be done also:
var $ = Ext.select;

Why isn't that used in ExtJS? Many newcomers know that from the other libraries.

[Animal]

A filter method that accepts a function would be good. I'm playing around with some code now:

Ext.onReady(function(){
    for(var i = 0; i < 10; ++i){
        Ext.getBody().createChild({
            tag: 'div',
            cls: i % 2 == 0 ? 'foo' : 'bar'
        });
    }
    console.log(Ext.select('div').filter('.foo').getCount());
    console.log(Ext.select('div').filter(function(el){
        return el.is('.foo');
    }).getCount());
});

Obvoiusly both return the same results.

That's good. What about maintaining functional parity with jQuery with those other things? nextAll and andSelf were pretty easy to add in. If there are any others, they could go in too.

I also think the ability to add pseudos should be highlighted in the "textual" Core Manual.

The following is an intuitive way of selecting external links:

Ext.select("a:external");

[Dig4Fire]

$('body').removeClass(); 

How to remove all classes from body (for example) in Ext?

[TommyMaintz]

$('body').removeClass(); 

How to remove all classes from body (for example) in Ext?

document.body.className = ''; 

For some things you just dont need a library hehe. Please lets not forget we are still doing Javascript development, and doing things as trivial as this should really be straightforward for any developer using javascript.

[Dig4Fire]

$(document).ready(function() {
  $('#switcher').click(function(event) {
    if (!$(event.target).is('.button')) {
      $('#switcher .button').toggleClass('hidden');
    }
  });
  
  $('#switcher-narrow, #switcher-large').click(function() {
    $('#switcher').unbind('click');
  });
}); 

How to remove (unbind) the event handler in Ext?

This code doesn't work:

    Ext.select('#switcher').un('click', this.handlerFn); 

[TommyMaintz]

Ext.onReady(function() {
  var handlerFn = function(ev) {
    if (!ev.getTarget('.button')) {
      Ext.select('.button', 'switcher').toggleClass('hidden');
    }
  }

  Ext.fly('switcher').on('click', handlerFn);
  
  Ext.select('#switcher-narrow, #switcher-large').on('click', function() {
    Ext.fly('switcher').un('click', handlerFn);
  });
}); 

[Dig4Fire]

Thank you. What about Event Namespacing to manage specific event handlers?

$(document).ready(function() {
  $('#switcher').bind('click.collapse', function(event) {
    if (!$(event.target).is('.button')) {
      $('#switcher .button').toggleClass('hidden');
    }
  });
  
  $('#switcher-narrow, #switcher-large').click(function() {
    $('#switcher').unbind('click.collapse');
  });
}); 

[Animal]

What does using an event name like "click.collapse" mean?

[jnicora]

jQuery uses event namespaces to filter bindings. Event namespaces work like this: ("type.namespace"). This link explains it: http://www.learningjquery.com/2007/0...ce-your-events

I haven't personally had a situation where this functionality is useful.

[Dig4Fire]

The .collapse suffix is invisible to the event handling system. The addition of the namespace means that you can unbind just this handler. Event namespacing is especially handy in the creation of plugins.