jQuery入门[2]-选择器

jQuery之所以令人爱不释手,在于其强大的选择器表达式令DOM操作优雅而艺术。
jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:http://docs.jquery.com/Selectors
DEMO:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
<title>Selectortitle>
    
<script src="../scripts/jquery-1.2.3.intellisense.js" type="text/Javascript">script>
head>
<body>
    
<input value="1" /> + 
    
<input value="2" />
    
<input type="button" value="=" />
    
<label> label>
    
<script type="text/Javascript">
        $(
"input[type='button']").click(function(){
            
var i = 0;
            $(
"input[type='text']").each(function(){
                i 
+= parseInt($(this).val());
            });
            $(
'label').text(i);
        });
        $(
'input:lt(2)')
            .add(
'label')
            .css(
'border','none')
            .css(
'borderBottom','solid 1px navy')
            .css({
'width':'30px'});
    
script>
body>
html>

it知识库jQuery入门[2]-选择器,转载需保留来源!

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。