<div id="container"></div>
<div id="log"></div>
1.判断页面元素是否存在
if($("#container").length) {
alert("页面元素存在页面中");
}
2.判断选择框是否被选中
if($('input').is(":checked")) {
alert('已选中');
}
if($('input').attr("checked")) {
alert('已选中');
}
3.判断页面元素是否可见 is(':visible')
判断元素是否隐藏 is(':hidden')
注：这里方法只能判断display:none情况下的元素是否可见，如果使用opacity:0或者visibility:hidden，不能使用上面方法来判断元素是否可见
4.替换页面中的特定元素 $('#container').replaceWith('<b>新元素</b>')
5.找到页面中无子元素并且为空的DOM元素
$(':empty').each(function(i, item) {
$('#log').append('<p>'+item+'</p>')
});
6.使用JQuery方法type来判断数据类型 $.type(new Number(8))
7.将包含破折号的字符串转化为驼峰拼写方式字符串
var dashstring = 'background-color';
$('#log').append($.camelCase(dashstring));
8.使用JQuery的clone方法来复制元素及其事件
<button id="original">原始按钮</button>
//定义原始按钮的事件
$('#original').click(function(){
$('body').toggleClass('bgcolor'); //定义点击按钮则切换页面背景颜色
});
//接下来克隆一个按钮并且同样拥有点击的事件效果，即切换背景色
$('#original').clone(true).text('克隆按钮').appendTo('body'); //注意这里clone方法中的参数true/false代码是否克隆元素相关的全部事件
