jQuery 第三章 CSS操作】的更多相关文章

.css() .attr() .prop() .css() 参数填法:如下所示 ↓  可填px 可不填,注意点:background-color  这类属性,需要填成 小驼峰式  backgroundColor 下面为设置: 读取css ,读出的值为计算样式 .attr()  基于 原生js  setAttribue  和  getAttribute 注意点:读取  设置行距样式 使用它.可以设置,取自定义属性,  但是读取 像 checked='checked' disabled='disab…
JQuery的CSS_DOM与样式操作 样式: 获取 class 和设置 class : class 是元素的一个属性, 所以获取 class 和设置 class 都可以使用 attr() 方法来完成. 追加样式: addClass() 移除样式: removeClass() --- 从匹配的元素中删除全部或指定的 class 切换样式: toggleClass() --- 控制样式上的重复切换.如果类名存在则删除它, 如果类名不存在则添加它. 判断是否含有某个样式: hasClass() --…
第三章   JavaScript操作BOM对象 一.window对象 浏览器对象模型(BOM)是javascript的组成之一,它提供了独立与浏览器窗口进行交换的对象,使用浏览器对象模型可以实现与HTML的交互. 他的作用是将相关的元素组织包装起来,提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力. BOM是一个分层结构: Window对象是整个BOM的核心,在浏览器中打开网页后,首先看到是浏览器窗口,即顶层的window对象:其次是网页内容,即document(文档)…
$('#box').html();//获取 html 内容$('#box').text();//获取文本内容,会自动清理 html 标签$('#box').html('<em>www.li.cc</em>');//设置 html 内容$('#box').text('<em>www.li.cc</em>');//设置文本内容,会自动转义 html标签$('#box').html($('#box').html() + '<em>www.li.cc&l…
大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.使用css操作…
创建新 HTML 元素 $('<div>Hello</div>'); /* 创建等价的空 div 元素 */ $('<div>'); $('<div />'); $('<div></div>'); /* 创建带属性的 图片元素 */ $('<img>', { src: '../images/little.bear.png', alt: 'Little Bear', title: 'I woof in your genera…
1. DOM:Document Object Model(文档对象模型):          DOM操作:                   ●DOM是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,                    ●1988年,W3C发布了第一级的DOM规范,这个规范允许和操作HTML页面中的每个单独的元素,如网页的表格.图片.文本.表单元素等 2.DOM操作分类: ●使用JavaScript操作DOM时分为三个方面:…
一. 概述一下理念 bootstrap基于H5开发.提倡移动先行(媒询声明是必须的),对浏览器支持面不是很广. 响应式图片:max-width:100% height:auto; 可以加上:.img-responsive类 排版方面的基本样式为: body的margin为0,背景色为白色,行间距为20/14倍 使用Normalize.css库,使各个浏览器差别最小化 居中容器container有一个最大范围.(最大左右margin为auto,和设备有关)   二. 文字基础排版(全局设置) 1.…
1.回顾$(document).ready(function(){    })$(function(){    }) ID选择器.类选择器.元素选择器层次选择器:空格(上文下:tr td{})属性过滤器:[属性=值]  input[type=button]表单:    :checked  被选中的单选框或复选框    :selected 被选中的下拉框表单选择器:    :input    :button2.本章目标    掌握dom操作的分类    掌握jquery的dom操作3.dom操作分…
设置元素内容 元素属性操作 ---------- 元素样式操作 ---------------- 对象数组的遍历 测试代码: $(function () { var v=$('div').css(['color','width','height']);//获得的是一个对象数组 /* for(var i in v){ alert("属性名称:"+i+",它的默认值或者设置的值为:"+v[i]); } */ //使用jquery进行遍历 $.each(v, functi…