
jQuery
文章平均质量分 71
不吵不闹小低调
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery动画和事件
jQuery 中的事件1,绑定事件 bind() 参数1,事件的类型(当事件不是自定义的时候) 参数2,匹配元素上的处理函数2,合成事件 hove() toggle()均有两个函数Hove( ): 鼠标移入移除事件Toggle( ):鼠标单击事件3,事件对象的属性1,event.type() 事件类型2,event.pageX()原创 2013-03-31 18:50:23 · 623 阅读 · 0 评论 -
jQuery复选框的实现
$(function(){ //全选 $("#all").click(function(){ $(":checkbox[name=items]").attr("checked",true); }); //全不选 $("#no").click(function(){ $(":checkbox[name=items]").attr("c原创 2013-04-01 19:25:54 · 690 阅读 · 0 评论 -
jQuery简单的表单验证
$(function(){ $(":input.required").each(function(){ var $required = $("*"); $(this).parent().append($required); }); $(".required").blur(function(){ if($(this).is("#username")){原创 2013-04-01 19:26:41 · 655 阅读 · 0 评论 -
jQuery选项卡的实现(代码简短的)
*{margin:0;padding:0} body{font-size:15px} .tab{margin:50px auto;width:300px} li{list-style:none;height:30px;width:50px;border:1px solid #f50;float:left;margin-left:10px;background:#ccc;borde原创 2013-04-01 19:21:52 · 722 阅读 · 0 评论 -
jQuery选项卡的实现(代码较多的,但是思路比较传统)
*{margin:0;padding:0} body{font-size:15px} .tab{margin:50px auto;width:300px} li{list-style:none;height:30px;width:50px;border:1px solid #f50;float:left;margin-left:10px;background:#ccc;borde原创 2013-04-01 19:23:12 · 702 阅读 · 0 评论 -
jQuery商品列表的收缩
*{margin:0;padding:0} body{font-size:15px;text-align:center} .showless{margin:auto;width:600px} .showless ul li{display:block;float:left;width:200px;line-height:30px} .showMore{clear:原创 2013-04-01 19:27:39 · 1364 阅读 · 0 评论 -
jQuery框架选择器2
jQuery DOM 操作1. jQuery查找元素1, 查找元素节点var $p=$(“p”).text();alert($p); 获得的是标签的内容获得元素的内容 text( )2, 查找属性节点$p=$(“p”).attr(“title”,”friut”);给p标签添加title属性属性值为 fruitattr( )原创 2013-03-28 15:26:45 · 866 阅读 · 0 评论 -
jQuery框架小结(1)
jQuery开始:1. jQuery对象:定义: var $a;2. DOM对象:定义:var a;3. jQuery转化成DOM 例如:将id=”p_1”的哈哈哈的标签的内容修改一下字体大小。var $a=$(“#p_1”);var a=$a[0];//或者使用 get( )方法获得a. style.fontSize=”20px”;4. DOM转原创 2013-03-26 19:55:00 · 773 阅读 · 0 评论