您的位置：首页 > Web前端 > JQuery

2014.5.7 Jquery 使用技巧

2014-05-07 12:36 399 查看

学习手册：《W3school》

5.正则表达式：手机号验证

// /^1[0-9]{10}$/.test('12555555555')
正则表达式：手机号验证

4.jquery 点击选中/取消的实现 prop

$("input[type='checkbox']").prop("checked",false);

3.基于标签的导航栏

2.JQuery 如何获取标签的名称

获取标签名称（结果为大写）：$target[0].tagName;
判断是不是一个指定的标签：$target.is('li')// 是否为li标签
<body>

<ul>

<li>list <strong>item 1</strong></li>

<li><span>list item 2</span></li>

<li>list item 3</li>

</ul>

<script>

$("ul").click(function(event) {
// 获取到ul域
alert($(this).html());
// 获取到被点击的对象

var $target = $(event.target);

alert($target[0].tagName)

if ( $target.is("li") ) {

$target.css("background-color", "red");

}

});

</script>

</body>