jQuery样式操作
摘要：
1、attr()方法获取和设置元素的class 用法: 获取 $("element").attr("class"); 设置 $("element").attr("class", "newClass");2、addClass()方法设置元素的class 用法: $("elemeent").add... 阅读全文
jQuery设置和获取HTML、文本和值
摘要：
1、html() 类似javascript中的innerHTML属性，可以用来读取或设置某个元素的html内容。2、text() 类似javascript中的innerText属性，可以用来读取或设置某个元素中的文本内容。3、val() 类似javascript中的value属性，可以用来获取和设置... 阅读全文
jQuery创建DOM节点
摘要：
1、创建元素节点 $(html)方法会根据传入的html标记字符串，创建一个DOM元素，并将这个DOM换成jquery对象返回。 动态添加的新元素节点不会被自动添加到文档中。 当创建单个元素时，要注意闭合标签和使用标准的xhtml格式。比如 $("") $("")。2、创建文本节点 在创建元素节... 阅读全文
jQuery选择器
摘要：
基础选择器 #id 选择给定id匹配一个元素 .class 选择给定className匹配元素 element 选择给定元素名匹配元素 * 匹配所有元素 selector1, selector2, ... ,selectorN2 将每一个选择器匹配到的元素合并后一起返回。 层次选择器 后代、子元素、... 阅读全文
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]{}选择器的特殊性... 阅读全文
jQuery方法css()
摘要：
jQuery中.css()方法设置被选元素一个或多个样式属性，属性，值的使用方法也不同。 jQuery css() 阅读全文
自适应两栏底部对齐
摘要：
试用场景： 2列布局，左侧单张大图，右侧内容不限 左侧图片max-width:100%; height: auto; 右侧内容最外层div设置position:relative; height:0; padding-bottom: (高px值/宽px值)*100%; ... 阅读全文
自适应布局和响应式布局
摘要：
记得第一次实际工作中接触到响应式布局排版之后，老大问了一个问题，自适应和响应式有什么区别吗？自己理解的自适应布局是把宽度px值换成百分比，文字px单位换算成em单位，然后解决在不同大小设备上呈现同样的网页，但是这样屏幕过小，内容看上去就会很拥挤。觉得响应式听上去和自适应会差不多。当时也不懂为什么同样... 阅读全文
使用合理jQuery选择器查找DOM元素
摘要：
1、尽量使用ID选择器 jQuery的选择器使用的API都是基于getElementById或getElementsByTagName,效率最高的是ID选择器。 因为jQuery会直接调用getElementById去获取dom，而通过样式选择器获取jQuery对象往往会使用getElement... 阅读全文
DOM对象和jQuery对象
摘要：
1、DOM对象 Document Object Model，文档对象模型。通过html Dom可访问所有元素 获取方法有：1.通过id找到元素 document.getElementById("id") 2.通过标签名找到元素对象集合 document.getElementsByT... 阅读全文
jQuery实现返回顶部
摘要：
1、jQuery-scrollTop()方法不接受参数就是获取当前垂直滚动条的位置2、jQuery-scrollTop(value)方法设置当前垂直滚动条的位置top 阅读全文
行内元素，块级元素
摘要：
1、行内元素不会应用width和height属性，可以设置line-height。2、行内元素margin-left,margin-right,padding-left,padding-right有效3、对于块级元素，未浮动的垂直相邻元素的上边界和下边界会被压缩。4、通过display:block;... 阅读全文
图片自适应缩放
摘要：
1、img元素 img{max-width: 100%; height: auto;}2、背景图片通过修改背景图片宽度高度达到适应显示。使用到css3的background-size，只支持IE9以上版本及现代浏览器。background-size: percentage | length | c... 阅读全文
background-attachment:fixed
摘要：
background-attachment;设置背景图像是否固定或者随着页面的其余部分滚动。 scroll:默认值，背景图像随着页面其余部分的滚动而滚动。 fixed:当页面上其余内容滚动时，背景图像不会随着滚动。background-attachment:fixed;就能实现一般的视差滚动了。... 阅读全文