发表于： 2017-04-06 23:51:18
1 1130
今天完成的事：
继续任务4的编写：
学习JQ对象和DOM对象的互相转换
var $a= jq对象 var a= dom对象
JQ转DOM
var $cr= $("#cr")
var cr=$[0] // var cr=$cr.grt(0);
alert("cr.checked")
DOM转JQ
var cr=document.getElementById("cr");
var $cr=$(cr)
写了个DOME
<body>
<input type="checkbox" id="cr"/><label for="cr">我已阅读了上面的制度</label>
</body>
JQ部分
$(document).ready(function(){
var $cr=$("#cr");
console.log(cr);
//获取ID为cr的jq对象
var cr= $cr[0];
//Jq对象转换为DOM对象
$cr.click(function(){
if (cr.checked){
alert("感谢你的支持")
}
})
})
jQuery 属性操作 - hasClass() 方法
hasClass() 方法检查被选元素是否包含指定的 class。
| class | 必需。规定需要在指定元素中查找的类。 |
遍历 - find() 方法
find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
$(".box ul").on("click","#jox",function(){
if($(this).find(".name").html()=="狼人"){
alert("自己人，别动手")
}
jQuery Validator的cellphone手机号码格式校验器用于校验指定输入是否匹配合法的手机号码格式。
<div>
<label>手机号码</label>：
<input id="cellphone" name="cellphone" type="text" >
</div>
<input type="submit" value="提交" />
<div>
<label>手机号码</label>：
<input id="cellphone" name="cellphone" type="text" >
</div>
<input type="submit" value="提交" />
</form>
<script type="text/javascript">
// 为了让提示更美观，扩展jQuery原型对象，添加layer的tips方法
$.fn.tips = function(msg, delay){
layer.tips(msg, this, delay || 3000);
};
var v = new V();
$("form").v("submit", {
"#cellphone": {
// 框架会自动添加 required: true，不用显式声明
cellphone: true
}
});
</script>
明天计划的事：
继续JS的学习；
遇到的问题：
收获：
手机号码格式校验器的使用
返回列表
评论