比比已存在

jQuery样式操作

摘要： 1、attr()方法获取和设置元素的class 用法: 获取 $("element").attr("class"); 设置 $("element").attr("class", "newClass");2、addClass()方法设置元素的class 用法: $("elemeent").add... 阅读全文

posted @ 2015-01-02 21:40 比比已存在阅读(141) 评论(0) 推荐(0)

jQuery设置和获取HTML、文本和值

摘要： 1、html() 类似javascript中的innerHTML属性，可以用来读取或设置某个元素的html内容。2、text() 类似javascript中的innerText属性，可以用来读取或设置某个元素中的文本内容。3、val() 类似javascript中的value属性，可以用来获取和设置... 阅读全文

posted @ 2014-12-31 17:26 比比已存在阅读(238) 评论(0) 推荐(0)

jQuery创建DOM节点

摘要： 1、创建元素节点 $(html)方法会根据传入的html标记字符串，创建一个DOM元素，并将这个DOM换成jquery对象返回。动态添加的新元素节点不会被自动添加到文档中。当创建单个元素时，要注意闭合标签和使用标准的xhtml格式。比如 $("") $("")。2、创建文本节点在创建元素节... 阅读全文

posted @ 2014-12-31 15:21 比比已存在阅读(244) 评论(0) 推荐(0)

jQuery选择器

摘要：基础选择器 #id 选择给定id匹配一个元素 .class 选择给定className匹配元素 element 选择给定元素名匹配元素 * 匹配所有元素 selector1, selector2, ... ,selectorN2 将每一个选择器匹配到的元素合并后一起返回。层次选择器后代、子元素、... 阅读全文

posted @ 2014-12-29 18:44 比比已存在阅读(131) 评论(0) 推荐(0)

css选择器

摘要： 1、标签选择器 E{}2、ID选择器 #id{}3、类选择器.class{}4、群组选择器E1,E2,E3{}5、后代选择器E F{}6、通配选择器*{}7、伪类选择器E:Pseudo-elements{}8、子选择器E>F{}9、临近选择器E+F{}10、属性选择器E[attr]{}选择器的特殊性... 阅读全文

posted @ 2014-12-28 01:07 比比已存在阅读(259) 评论(0) 推荐(0)

jQuery方法css()

摘要： jQuery中.css()方法设置被选元素一个或多个样式属性，属性，值的使用方法也不同。 jQuery css() 阅读全文

posted @ 2014-12-26 16:49 比比已存在阅读(101) 评论(0) 推荐(0)

自适应两栏底部对齐

摘要：试用场景： 2列布局，左侧单张大图，右侧内容不限左侧图片max-width:100%; height: auto; 右侧内容最外层div设置position:relative; height:0; padding-bottom: (高px值/宽px值)*100%; ... 阅读全文

posted @ 2014-12-26 16:03 比比已存在阅读(628) 评论(0) 推荐(0)

自适应布局和响应式布局

摘要：记得第一次实际工作中接触到响应式布局排版之后，老大问了一个问题，自适应和响应式有什么区别吗？自己理解的自适应布局是把宽度px值换成百分比，文字px单位换算成em单位，然后解决在不同大小设备上呈现同样的网页，但是这样屏幕过小，内容看上去就会很拥挤。觉得响应式听上去和自适应会差不多。当时也不懂为什么同样... 阅读全文

posted @ 2014-12-26 01:38 比比已存在阅读(995) 评论(0) 推荐(0)

使用合理jQuery选择器查找DOM元素

摘要： 1、尽量使用ID选择器 jQuery的选择器使用的API都是基于getElementById或getElementsByTagName,效率最高的是ID选择器。因为jQuery会直接调用getElementById去获取dom，而通过样式选择器获取jQuery对象往往会使用getElement... 阅读全文

posted @ 2014-12-26 00:38 比比已存在阅读(337) 评论(0) 推荐(0)

DOM对象和jQuery对象

摘要： 1、DOM对象 Document Object Model，文档对象模型。通过html Dom可访问所有元素获取方法有：1.通过id找到元素 document.getElementById("id") 2.通过标签名找到元素对象集合 document.getElementsByT... 阅读全文

posted @ 2014-12-25 22:50 比比已存在阅读(109) 评论(0) 推荐(0)

jQuery实现返回顶部

摘要： 1、jQuery-scrollTop()方法不接受参数就是获取当前垂直滚动条的位置2、jQuery-scrollTop(value)方法设置当前垂直滚动条的位置top 阅读全文

posted @ 2014-12-25 20:38 比比已存在阅读(235) 评论(0) 推荐(0)

行内元素，块级元素

摘要： 1、行内元素不会应用width和height属性，可以设置line-height。2、行内元素margin-left,margin-right,padding-left,padding-right有效3、对于块级元素，未浮动的垂直相邻元素的上边界和下边界会被压缩。4、通过display:block;... 阅读全文

posted @ 2014-12-25 00:37 比比已存在阅读(145) 评论(0) 推荐(0)

图片自适应缩放

摘要： 1、img元素 img{max-width: 100%; height: auto;}2、背景图片通过修改背景图片宽度高度达到适应显示。使用到css3的background-size，只支持IE9以上版本及现代浏览器。background-size: percentage | length | c... 阅读全文

posted @ 2014-12-24 22:35 比比已存在阅读(634) 评论(0) 推荐(0)

幽灵按钮

摘要： Buttons → 阅读全文

posted @ 2014-12-24 15:47 比比已存在阅读(137) 评论(0) 推荐(0)

background-attachment:fixed

摘要： background-attachment;设置背景图像是否固定或者随着页面的其余部分滚动。 scroll:默认值，背景图像随着页面其余部分的滚动而滚动。 fixed:当页面上其余内容滚动时，背景图像不会随着滚动。background-attachment:fixed;就能实现一般的视差滚动了。... 阅读全文

posted @ 2014-12-24 15:04 比比已存在阅读(360) 评论(0) 推荐(0)