1、jQuery对象和DOM对象相互转换
<script type="text/javascript" >
$(function(){
1)方法一:
var li =$li.get(2);
alert(li.innerHTML);
2)方法二:
var li = document.getElementsByTagName("li");
var $li = $(li[0]);
alert($li.html());
3)方法三:
var $li = $("li");
var li =$li[0];
alert(li.innerHTML);
</script>
<body>
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
</body>
2、使用链式语法
在JavaScript中,很多方法没有返回值,一些设置或修改对象的某个状态却不返回任何值的方法就是典型的例子。如果让这些方法返回this,而不是undefined,那么就要启用级联功能,即所谓的链式语法。
<script type="text/javascript" >
$(function(){
$("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>
</head>
<body>
<input value="1" /> +
<input value="2" />
<input type="button" value="=" />
<label> </label>