2010-09-16 17:13:38 +00:00
<!DOCTYPE html>
2010-11-02 01:46:29 +00:00
< html lang = 'en' > < head >
2011-02-18 20:00:18 +00:00
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, minimum-scale=1, maximum-scale=1" > < meta http-equiv = 'content-type' content = 'text/html; charset=UTF-8' / > < / head > < body >
2010-09-18 16:20:35 +00:00
< div data-role = "page" >
2010-09-21 14:58:54 +00:00
< div data-role = "header" >
2010-09-16 17:13:38 +00:00
< h1 > .selector< / h1 >
< / div >
2010-09-21 14:58:54 +00:00
< div data-role = "content" class = " ui-body-c" id = "selector1" >
2010-09-16 17:13:38 +00:00
< h2 class = "jq-clearfix roundTop section-title" >
< span class = "name" > selector< / span > < span class = "returns" > Returns: < a class = "return" href = "http://docs.jquery.com/Types#String" > String< / a > < / span >
< / h2 >
< div class = "jq-box roundBottom entry-details" >
< p class = "desc" > < strong > Description: < / strong > A selector representing selector originally passed to jQuery().< / p >
< ul class = "signatures" > < li class = "signature" id = "selector" > < h4 class = "name" >
< span class = "versionAdded" > version added: < a href = "/category/version/1.3/" > 1.3< / a > < / span > selector< / h4 > < / li > < / ul >
< div class = "longdesc" >
< p > Should be used in conjunction with context to determine the exact query used.< / p >
< p > The < code > .live()< / code > method for binding event handlers uses this property to determine how to perform its searches. Plug-ins which perform similar tasks may also find the property useful. This property contains a string representing the matched set of elements, but if DOM traversal methods have been called on the object, the string may not be a valid jQuery selector expression. For this reason, the value of < code > .selector< / code > is generally most useful immediately following the original creation of the object. Consequently, the < code > .live()< / code > method should only be used in this scenario. < / p >
< / div >
< h3 > Examples:< / h3 >
< div id = "entry-examples" class = "entry-examples" >
< div id = "example-0" >
< h4 > Example: < span class = "desc" > Determine the selector used.< / span >
< / h4 >
< pre > < code class = "example demo-code" > < !DOCTYPE html>
< html>
< head>
< style>
body { cursor:pointer; }
div { width:50px; height:30px; margin:5px; float:left;
background:green; }
span { color:red; }
< /style>
< script src="http://code.jquery.com/jquery-latest.js"> < /script>
< /head>
< body>
Some selectors:< ul> < /ul>
< script> $("ul")
.append("< li> " + $("ul").selector + "< /li> ")
.append("< li> " + $("ul li").selector + "< /li> ")
.append("< li> " + $("div#foo ul:not([class])").selector + "< /li> ");
< /script>
< /body>
< /html> < / code > < / pre >
< h4 > Demo:< / h4 >
< div class = "demo code-demo" > < / div >
< / div >
< div id = "example-1" >
< h4 > Example: < span class = "desc" > Collecting elements differently< / span >
< / h4 >
< pre > < code class = "example demo-code" > < !DOCTYPE html>
< html>
< head>
< script src="http://code.jquery.com/jquery-latest.js"> < /script>
< /head>
< body>
Some selectors:< ul> < /ul>
< script>
$('< div> ' + $('ul li.foo').selector + '< /div> ').appendTo('body'); // "ul li.foo"
$('< div> ' + $('ul').find('li').filter('.foo').selector + '< /div> ').appendTo('body'); // "ul li.filter(.foo)"
< /script>
< /body>
< /html> < / code > < / pre >
< h4 > Demo:< / h4 >
< div class = "demo code-demo" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / body > < / html >
