首页
学习
活动
专区
圈层
工具
发布

WEB入门之十五 属性和样式

在使用JavaScript对可简写的属性进行操作时,通常使用true和false作为属性的值。...我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作,但是在使用attr函数对可简写的属性进行设置操作时没有问题,进行取值操作时会出现问题,例如下面的代码。...,鼠标悬浮/离开时边框颜色改变的样式 如果要使用css函数同时操作多个样式属性,那么可以参考示例6.5中的代码,语法归结如下所示: jQuery元素 . css ( { "属性名" : 属性值 , "属性名...,可以参考上述代码中的最后一行,语法归结如下: jQuery元素 . offset ( { top : 值, left : 值} ) 6.1.1 尺寸大小函数 尺寸通常指的是元素的宽和高,jQuery提供了...height和width函数分别获取到了页面的尺寸和广告div的尺寸,通过简单的计算可以得到居中位置 6.1 jQuery工具函数 jQuery提供了很多有用的工具函数来处理一些业务,这些函数都非常实用

57110

WEB入门之十五 属性和样式

在使用JavaScript对可简写的属性进行操作时,通常使用true和false作为属性的值。...我们同样也可以使用jQuery中的attr函数对可简写的属性进行操作,但是在使用attr函数对可简写的属性进行设置操作时没有问题,进行取值操作时会出现问题,例如下面的代码。...,鼠标悬浮/离开时边框颜色改变的样式 如果要使用css函数同时操作多个样式属性,那么可以参考示例6.5中的代码,语法归结如下所示:jQuery元素 . css ( { "属性名" : 属性值 , "属性名...,可以参考上述代码中的最后一行,语法归结如下: jQuery元素 . offset ( { top : 值, left : 值} ) 6.1.1 尺寸大小函数 尺寸通常指的是元素的宽和高,jQuery提供了...div的尺寸,通过简单的计算可以得到居中位置 6.1 jQuery工具函数 jQuery提供了很多有用的工具函数来处理一些业务,这些函数都非常实用,详见表6-1-5所示。

48810
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery 基本语法

    jQuery代码及功能: function jq(){     $(":text:first").hide();  } 运行:当点击id为test的元素时,隐藏form1表单中的type为text的第一个...$(obj) 说明:复制一个jQuery对象, 参数:obj (jQuery): 要复制的jQuery对象 例子: 未执行jQuery前: 参数:obj (jQuery): 要复制的jQuery对象 例子... jQuery代码及功能: function jq(){ var f = $("div");  alert($(f).find("p").html()); } 运行:当点击id为test的元素时...}); }) 最终效果是当鼠标移到id为a的层上时图层增加一个red样式,离开层时移出red样式 toggle(Function, Function)     当匹配元素第一次被点击时触发第一个函数...八、jQuery插件 随着jQuery的广泛使用,已经出现了大量jQuery插件,如thickbox,iFX,jQuery-googleMap等,简单的引用这些源文件就可以方便的使用这些插件。

    4.8K40

    Jquery入门基础教程免费版

    核心特性: 链式语法 高效灵活的CSS选择器使用和扩展 丰富的插件 官网:https://jquery.com/ 三大版本: 目前jQuery有三个大版本。....first() .last() .eq(0) 3.2 基本选择器 1.id选择器 $("#id名") 2.类选择器 $(".类选择器名")来访问相应的使用类样式的元素 3....","red") :odd 选择所有序号为奇数行的元素 $("li:odd").css("background","red") :even 选择所有序号为偶数行的元素 $("li:even").css(...C#就是基于事件机制编程的语言。 事件的使用方法,三步骤: 务必记住:找事匿 1.找对象 2.定事件 3.匿名函数 3.0 常用事件 Blur事件 当元素失去焦点时触发 blur 事件。...(){ //下面要遍历+-* /四个按钮,得到其内容; $(".calc").each(function(){ alert($(this).text());//就可以根据得到

    2.1K10

    全面入门jQuery最佳实践(二)-jQuery的属性与样式1 .attr()与.removeAttr()2 html()及.text()

    而在jQuery中用attr()与removeAttr()就可以全部搞定了,包括兼容问题 attr()获取和设置元素属性 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值...()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute) 优点: attr、removeAttr都是jQuery...Attribute就是dom节点自带的属性 例如:HTML中常用的id、class、title、align等: id="immooc" title="慕课网"> Property...()方法内部使用的是DOM的innerHTML属性来处理的,所以在设置与获取上需要注意的一个最重要的问题,这个操作是针对整个HTML内容(不仅仅只是文本内容) .text() .text() 得到匹配元素集合中每个元素的合并文本....html只能使用在HTML文档中,.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点,那么html处理的结果与text是一样的 火狐不支持innerText属性

    85230

    在Flowportal.Net 3.5t BPM中批量设定输入框、下拉选项的字体颜色

    想了半天也想不好该给这篇文章起个什么标题,其实这篇文章的核心是说当DropDownList使用了disabled属性后,字体变为灰色,怎么办都没法修改字体颜色,除非不用DropDownList或者不要Disabled...研究这个问题的缘由是美国的一个BPM关键用户提出来当访问forms/read.aspx?tid=xxx的页面时,很多输入框和选择项都是灰色的,她说很难看清,要求字体颜色深一点。...首先想起来的就是用Jquery,把核心代码写到 $(document).ready(function(){}中,可悲的是,调整input控件的代码执行了,但是去掉select控件属性的代码怎么都不执行。...,他说BPM本身的js是在document的Ready状态执行,可能跟Jquery的document的Ready会有先后执行的顺序问题。...//window.onload = function(){// 可以使用这种方法,建议用下面的方法,当然了,还可以使用body.onload的原生和Jquery两种调用//

    2.1K30

    jQuery学习笔记之DOM操作、事件绑定(2)

    该工厂函数会根据传入的 html 标记字符串创建一个 DOM 对象, 并把这个 DOM 对象包装成一个 jQuery 对象返回。 当创建单个元素时, 需注意闭合标签。...当为该方法传递一个参数时, 即为某元素的获取指定属性。 当为该方法传递两个参数时, 即为某元素设置指定属性的值。 jQuery 中有很多方法都是一个函数实现获取和设置....removeAttr(“属性名”): 删除指定元素的指定属性 样式操作 获取 class 和设置 class :class 是元素的一个属性, 所以获取 class 和设置 class 都可以使用...//得到的结果如下 jQuery">jQuery 5.jQuery 中的事件 在页面加载完毕后, 浏览器会通过 JavaScript...面试题: 1.在js里面可以使用widow.onload= 当页面上面所有的元素加载完毕之后执行触发。 2.

    2K10

    day41_jQuery学习笔记_02

    AB E.closest(A)        向上获得指定的父元素(含自己),如果获得到了,就返回一个对象;如果没有获得到,就返回空的jQuery对象。...#h03").click(function() {                 $("#h02").unbind("click.a"); // 使用jQuery事件的别名解绑想解绑的,因为jQuery...之前使用标签 加载页面时,会一并加载很多js文件,有的js文件我们暂时用不到,导致程序不够优化。...使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。                  ...var wh = $(this).height();                 // 3、当接近底部时,添加新的div                 if (wt + wh + 100 > dh

    4.3K20

    jquery 属性&CSS操作 笔记

    一、属性 1、.val([value]) 这是一个读写双用的方法,用来处理input的value,当方法没有参数的时候返回input的value值,当传递了一个参数的时候,方法修改input的value...child" 2.为元素属性赋值 $('.child').attr('class','hhhh') 多个属性同时设置 $('.child').attr({ 'id':'hz', 'value':'big...3、.removeAttr() 为匹配的元素集合中的每个元素中移除一个属性(attribute) .removeAttr() 方法使用原生的 JavaScript removeAttribute() 函数...,但是它的优点是可以直接在一个 jQuery 对象上调用该方法,并且它解决了跨浏览器的属性名不同的问题。...$('div').removeAttr('id'); 二、CSS相关 1、.css() 获取元素style特定属性的值 var color = $( this ).css( "background-color

    1.7K20

    zepto 基础知识(4)

    类型: self   添加元素到当前对象集合中的最后。   这是一个zepto的方法,不是jquery的api 65.ready   reday(function($){...})...类型:self   添加一个事件监听器,当页面DOM加载完毕,“DOMContentLoaded”事件触发时触发,   建议使用 $()来代替这种用法 66.reduce   reduce(function...这是一个zepto的方法,不是jquery的api 67.removeAttr   removeAttr(name) 类型:slef   移除当前对象集中所有元素的属性。...类型;self     获取或者设置所有对象集合中元素的文本内容,当没有给定content参数时,返回当前对象集合中第一个元素的文本内容(包含子节点中的文本内容)当给定content     参数时,...类型:self   获取或设置匹配元素的值,当没有给定value 参数,返回第一个元素的值。

    936100
    领券