2014年10月24日
锋利的jQuery-3--css("height")和.height()的区别
摘要： $("p").css("height") :获取的高度值与样式的设置有关，可能会得到“auto”, 也可能是字符串“10px”之类的。设置值时如果是数值形式默认单位是px，如果要设置其他单位需要写成字符串格式，"10em"。$("p").height() :获取的高度值是元素在页面中的实际高度，与样... 阅读全文
posted @ 2014-10-24 18:34 leezhxing 阅读(253) 评论(0) 推荐(0)
锋利的jQuery-3--.css()获取和设置元素的数字属性
摘要： $('p').css({"fontSize": "30px", "backgroundColor": "#666"});注意：1.如果值是数字，将被自动转化为像素值。2.如果css的属性带有'-',如果设置这些属性时不加双引号则必须写成驼峰形式，加上引号可以写成'-'形式，但最好都是写成驼峰形式。 阅读全文
posted @ 2014-10-24 18:19 leezhxing 阅读(327) 评论(0) 推荐(0)
锋利的jQuery-3--用js给多选的checkbox或者select赋值
摘要： 单选的select:$("#single").val("Single2");多选的select:$("#multiple").val(["Multiple2", "Multiple3"]); //注意是数组形式里边checkbox和radio: check1 check2 radio1 radio... 阅读全文
posted @ 2014-10-24 17:40 leezhxing 阅读(553) 评论(0) 推荐(0)
锋利的jQuery-3--$()创建节点
摘要： 创建节点可以用jquery的工厂函数，$()$() 会根据传入的html标记字符串，创建一个dom对象，并将这个dom对象包装成一个jquery对象后返回。var li_1 = $("bar1");var li_2 = $("bar2");$('ul').append(li_1).append(li... 阅读全文
posted @ 2014-10-24 17:15 leezhxing 阅读(193) 评论(0) 推荐(0)
2014年10月23日
锋利的jQuery-2--一个显示和隐藏的例子,主要看写法
摘要： 例子：如图，默认不显示全部，点击按钮来回切换，全部显示是一部分推荐的品牌高亮。 $(function(){ //dom加载完再执行 var category = $('ul li:gt(5):not(:last)'); //选中一开始需要隐藏的... 阅读全文
posted @ 2014-10-23 20:26 leezhxing 阅读(224) 评论(0) 推荐(0)
2014年10月21日
jQuery中prop()函数控制多选框(全选，反选)
摘要： 今天看了jQuery手册，对prop()函数又多了一点认识，记忆力不好，记录下来。prop() : 获取匹配元素集中第一个元素的值判断checkbox中的第一个是否被选中：$(":checkbox").prop("checked"); //如果第一个checkbox被选中返回true,否则返回fa... 阅读全文
posted @ 2014-10-21 20:19 leezhxing 阅读(647) 评论(0) 推荐(0)
锋利的jQuery-2--判断jQuery获取到的对象是否存在$().length
摘要： 1.使用js获取不存在的对象：document.getElementById("tt").style.color = "red";如果网页中不存在id = "tt"的元素，浏览器就会报错，需要：if(document.getElementById("tt")){ document.getEleme... 阅读全文
posted @ 2014-10-21 19:52 leezhxing 阅读(334) 评论(0) 推荐(0)
锋利的jQuery-1--解决jquery库和其他库的冲突
摘要： 在jquery中，$（美元符号）就是jquery的别名，也就是说使用$和使用jquery是一样的，在很多时候我们命名空间时，正是因为这 个$而产生的冲突的发生。比如说：$('#xmlas')和JQuery('#xmlas') 虽然在写法上不同，但在实际上却是完全等同的。要想解决这个冲突，其实最简单的... 阅读全文
posted @ 2014-10-21 18:42 leezhxing 阅读(210) 评论(0) 推荐(0)
锋利的jQuery-1--jQuery对象和DOM对象以及相互转化
摘要： DOM对象：document object model,文档对象模型，每一份dom都可以表示成一棵树。如下图所示，代码省略在这颗dom树种，h3, p, ul以及ul的3个li子节点都是dom元素节点。获取dom对象：//获取dom对象var domobj = document.getElement... 阅读全文
posted @ 2014-10-21 18:12 leezhxing 阅读(147) 评论(0) 推荐(0)
锋利的jQuery-1-- ：的用法
摘要： 在一个id为table的表格的tbody中，如果每一行的最后一列的checkbox没有被禁用，则把这行的背景色设置为红色。$( "#table>tbody>tr:has(td:last:has( :checkbox:enabled ) )" ).css( "background", "red" ); 阅读全文
posted @ 2014-10-21 17:38 leezhxing 阅读(144) 评论(0) 推荐(0)