jQuery选择器

Question

I have a table,m using some function for that table.I want those functions to work only on that table not in any other part.

Is this correct? $(div#xxx) can i use function after this

$(div#xxx function({
});

Answer 1

You can attach an event with any jQuery element, like this:

$('div#xxx').event(function(){
});

Reference

Answer 2

You can restrict the scope of a selector that applies to by giving it as the context to the jQuery function. Note that the context must be a document, element, or jQuery (not a raw selector).

Example: attach a click handler to anchors inside table foo , but not to any other anchors on the page.

$('a',$('table#foo')).click( function() {
   ...
});

Alternatively, you can use the ancestor/descendant or parent/child selectors, choose by name, etc.

$('table#foo a').click( function() {
   // ancestor descendant
});

$('table#foo > tbody > tr > td > a').click( function() {
  // parent > child (must be direct child)
});

$('a#inside-foo').click( function() {
  // a link by id, presumably inside table foo
});

$('a.inside-foo').click( function() {
  // a link by class, presumably applied only to links inside table foo
});