1.jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性, 设置属性语法 prop(''属性'', ''属性值'') 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。 设置属性语法 attr(''属性'', ''属性值'') // 类似原生 setAttribute() 注意:attr() 除了普通属性操作,更适合操作自定义属性。 (该方法也可以获取 H5 自定义属性) 1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放的数据都将被移除。 获取数据语法 date(''name'') // 向被选元素获取数据 注意:同时,还可以读取 HTML5 自定义属性 data-index ,得到的是数字型。
1.无参属性 当定义一个属性时,编译器会在生成的托管模块中产生一下3项: 1:get访问器方法,定义get时才有; 2:set访问器方法,定义set时才有; 3:关于属性的元数据,这项总是存在; 这写元数据信息中包括一些标记和属性类型 ,并有一个对get和set访问器方法的引用,仅仅为属性和它的访问器之间提供了一层关联关系。 采用属性的代码不应有过复杂结构和太长的执行时间。应该相应的简短快速,对于简单的get和set,JIT编译器会将代码进行内联[inline]处理优化。 2.无参属性[索引器] 索引器可以看作是对"[]"操作符的一种重载方式。CLR同样对待索引器和无参属性。 C#没有静态索引器[CLR支持],对CLR来说,属性和索引器仅仅是定义在类型中的一些方法而已
1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 语法 1.获取属性语法 prop("属性") 2.设置属性语法 prop("属性", "属性值") 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / ) 除了普通属性操作,更适合操作自定义属性。 (该方法也可以获取 H5 自定义属性) 1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放的数据都将被移除。 语法 1.附加数据语法 data("name","'value") // 向被选元素附加数据 2.获取数据语法 date("name") //向被选元素获取数据 注意:同时,还可以读取 HTML5 自定义属性
一、HTML5 新增 input 表单属性 ---- HTML5 新增 input 表单属性 : required 属性 : 属性值为 required , 一旦设置了该属性 , 则表单的内容就是必填项 , 不能为空 ; placeholder 属性 : 属性值为提示文本 , 又称为占位符 , 用于设置表单的提示信息 , 如果有默认值则不显示 ; multiple 属性 : 属性值为 multiple , 可以 选择多个文件提交 ; autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性的表单 ; autocomplete 需要满足以下两个条件 : 为表单添加 name 属性 自动补全的内容需要之前提交成功过 1、required 属性 required 属性 : 属性值为 required , 一旦设置了该属性 , input type="submit" value="提交"> </form> </body> </html> 显示效果 : 先提交一次内容 : 再次输入就会有自动补全提示信息 : 5、
jQuery 常用属性操作有三种:prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href 注意:prop() 除了普通属性操作,更适合操作表单属性:disabled / checked / selected 等。 注意:attr() 除了普通属性操作,更适合操作自定义属性。 (该方法也可以获取 H5 自定义属性) 三、数据缓存 data() data() 方法可以在指定的元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放的数据都将被移除。 注意:同时,还可以读取 HTML5 自定义属性 data-index ,得到的是数字型。
1、什么是属性 对象身上保存的变量就是属性 Javascript function Person() {} var p = new Person() p.name = 'tzk' 2、如何操作属性 4、操作属性节点 Javascript var span = document.getElementsByTagName('span')[0] // 设置属性 span.setAttribute('name 5、属性和属性节点的区别 任何对象都有属性,但只有DOM对象才有属性节点 attr方法 1、attr(name|pro|key,val|fn) 方法 获取或者设置属性节点的值 参数 可以传递一个参数 console.log($('span').prop('demo')) //name1 3、删除属性 Javascript $("span").removeProp('demo') 4、操作属性节点 官方推荐在操作属性节点时,具有 true 和 false 两个属性的属性节点,如 checked, selected 或者 disabled 使用 prop(), 其他的使用 attr() Javascript
获取的页面元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。 操作属性的方法 1、“.” 操作 2、“[ ]”操作 属性写法 1、html的属性和js里面属性写法一样 2、“class” 属性写成 “className” 3、“style” 属性里面的属性,有横杠的改成驼峰式,比如:“ font-size”,改成”style.fontSize” 通过“.”操作属性: <script type="text/javascript"> window.onload = function document.getElementById('input1'); var oA = document.getElementById('link1'); // 读取属性值 通过“[ ]”操作属性: <script type="text/javascript"> window.onload = function(){ var oInput1 =
JQ中非常重要的部分,就是操作DOM的能力
一 属性操作
1 text():获取或设置某个文本属性
2 html() :获取或设置某个元素属性
3 val $(selector).attr(xxx,function(index,value)) :利用函数来设置属性值,要return 返回
5 css() :设置或获取元素的css属性
1 获取CSS属性值:$().css(“属性”)
2 设置单个CSS属性:$().css(“属性”,“属性值”)
3 设置多个CSS属性:$().css({“属性1”:”参数1”,”属性2”:”参数2”,”属性3”:”参数3”})
6 css类操作
1 addClass() 向被选元素中加入一个或多个类 png" alt="" width="100">
<img src="HTML<em>5</em>.png" alt=""
作者:阿振 写作时间:2020-06-13 ---- 开篇 在上篇的《Shapfile属性操作之增》和《Shapefile属性操作之删》中我们分别介绍了对于空间矢量数据属性的增加(CREATE)和删除( DELETE)操作,这篇我们聊聊数据的更新操作(UPDATE)。 思路是我们遍历图层中的每一个Feature要素,然后通过ogr.Feature的SetField()方法更新属性值。 代码展示 Talk is cheap. /data/省级行政区.shp', update=True) layer: ogr.Layer = ds.GetLayer() # 填充属性值 for feature in layer: name 记得添加完属性值以后,需要使用SetFeature()方法将当前feature更新到涂层layer中去。
本文作者:IMWeb 谦龙 原文出处:IMWeb社区 未经同意,禁止转载 前言 使用Zepto的时候,我们经常会要去操作一些DOM的属性,或元素本身的固有属性或自定义属性等。 否则根据name参数传入的是否是对象进行两个分支的操作。 如果name是个对象,那对对象进行遍历,再挨个调用setAttribute方法,进行属性设置操作。 还有一点需要注意的是text方法设置或者获取都是在操作元素的textContent属性,那它和innerText的区别在哪呢? value 当value为字符串”true“时,返回true,否则进行第3步 当value为字符串“false”时,返回false,否则进行第4步 当value为字符串“null”时,返回null,否则进行第5步 参考 读Zepto源码之属性操作 textContent mdn multiple zepto.js 源码解析
第5章 JQuery操作属性 5.1 attr操作 设置单个属性 // 第一个参数:需要设置的属性名 // 第二个参数:对应的属性值 // $obj.attr(name, value); // 用法举例 $obj.attr(obj) // 用法举例 $('img').attr({ title:'哎哟,不错哦', alt:'哎哟,不错哦', style:'opacity:.5' 操作 在jQuery1.6之后支持,对于checked、selected、disabled这类boolean类型的属性来说,不能用attr方法,只能用prop方法。 val()/text()/html()值操作 $obj.val() 获取或者设置表单元素的value属性的值 $obj.html() 对应innerHTML $obj.text() 对应innerText 获取操作的时候,如果是多个元素,那么只会返回第一个元素的值。
margin与padding margin外边框 .margin-test { margin-top:5px; margin-right:10px; margin-bottom:15px; margin-left:20px; } 简写方式: .margin-test { margin: 5px 10px 15px 20px; } 顺序:上 右 下 左 常见的模式:居中 . mycenter { margin: 0 auto; } padding内填充(内边框) .padding-test { padding-top: 5px; padding-right: 10px ; padding-bottom: 15px; padding-left: 20px; } 简写方式: .padding-test { padding: 5px 10px 15px 20px 或者给.container加一个固定高度的子div: 固定高度解决方案(不推荐使用) 以上方案可以解决但是会使得页面操作不灵活 不推荐使用 解决方案二 清除浮动(推荐使用) clear语法:
本文作者:IMWeb 谦龙 原文出处:IMWeb社区 未经同意,禁止转载 前言 使用Zepto的时候,我们经常会要去操作一些DOM的属性,或元素本身的固有属性或自定义属性等。 否则根据name参数传入的是否是对象进行两个分支的操作。 如果name是个对象,那对对象进行遍历,再挨个调用setAttribute方法,进行属性设置操作。 ,然后对name参数进行空格分割(这样对于name传入类似'name sex age'就可以批量删除了),最后还是调用的setAttribute方法进行属性删除操作。 还有一点需要注意的是text方法设置或者获取都是在操作元素的textContent属性,那它和innerText的区别在哪呢? value 当value为字符串”true“时,返回true,否则进行第3步 当value为字符串“false”时,返回false,否则进行第4步 当value为字符串“null”时,返回null,否则进行第5步
jQuery特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 //设置值 $("#name").val('张三'); //获取值
C语言的操作符有2个重要的属性:优先级、结合性,这两个属性决定了表达式求值的计算顺序。 例如: 3+4*5 表达式3+4*5里面既有加法运算符(+),又有乘法运算符(*)。由于乘法的优先级高于加法,所以先计算4*5,而不是先计算3+4。 例如: 5*6/2 *和/的优先级相同,它们都是左结合运算符,所以从左到右执行。 运算符的优先级顺序很多,下面是部分运算符的优先级顺序(按照优先级从高到低排列)。
作者:阿振 写作时间:2020-06-13 又是一个周末 ---- 开篇 延续上篇的《Shapfile属性操作之增》,这篇我们来聊聊如何进行属性删除。使用的工具依旧是我们的GDAL库。 在上篇中我们给该数据添加了一个属性字段Abbr用以表示省的简称。这篇我们再把该字段给删除掉。 删除的方法包括两部:首先,从属性表中找到该字段,然后删除该字段。 代码展示 Talk is cheap. 我们一般的业务需求是根据字段名称去进行删除操作,所以我自定义了一个get_field_index_by_name()函数用于从给定图层中查找给定字段名称对应的索引编号。
2、prop() 取出或设置某个属性的值 // 取出图片的地址 var $src = $('#img1').prop('src'); // 设置图片的地址和alt属性 $('#img1').prop ({src: "test.jpg", alt: "Test Image" }); 这是关于设置属性值的操作。 我们可以继续上面的示例,获取一下新创建内部div的属性值。 示例:获取新创建div的class属性值 ? 示例:设置一个新的属性值 ?
1.自定义属性操作 1.1 获取属性值 element.属性 获取属性值。 H5自定义属性 自定义属性目的:是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。 自定义属性获取是通过getAttribute(‘属性’) 获取。 但是有些自定义属性很容易引起歧义,不容易判断是元素的内置属性还是自定义属性。 H5给我们新增了自定义属性: 1. 设置H5自定义属性 H5规定自定义属性data-开头做为属性名并且赋值。 获取H5自定义属性 1. 兼容性获取 element.getAttribute(‘data-index’); 2. div.getAttribute('data-index')); console.log(div.getAttribute('data-list-name')); // h5新增的获取自定义属性的方法
今天我打算用四篇博客简要介绍一下如何对空间矢量数据的属性数据进行操作。对于属性数据,我们可以简单将其看作一个二维表格,学过数据库的朋友,可能会想到关系数据库的概念。 是的,我们现在的空间矢量数据的属性数据大部分就是以关系表的形式进行存储的。而对于关系数据库的操作,常用的就是增删改查(CRUD,即Create,Retrieve,Update,Delete)操作。 这篇博文单讲Create增加操作,使用的工具还是我们的GDAL库。 案例介绍 我还是喜欢用案例的方式进行知识的讲解。这里我们要处理的数据是中国地图分省的矢量Shapefile,是一个面状数据。 defn.GetWidth()}') # 添加一个省简称的字段 field: ogr.FieldDefn = ogr.FieldDefn('Abbr', ogr.OFTString) field.SetWidth(5) 接下来我们遍历layer中的feature,使用SetField()方法设置属性值。记得添加完属性值以后,需要使用SetFeature()方法将当前feature更新到涂层layer中去。
作者:阿振 写作时间:2020-06-13 夜 ---- 开篇 在前面几篇博文中,我们分别介绍了矢量空间数据的属性数据的增(CREATE)删(DELETE)改(UPDATE)操作,这篇博文我们来聊聊属性数据的查询 (Retrieve)操作。 下面以两个案例进行介绍: 从给定数据中查询中学数量(HighSchool字段)大于1万所的省份 从给定数据中查询中学数量最多的省份 下面简单说一下使用GDAL进行属性数据查询的两种思路: 因为矢量数据的属性一般都是以关系表进行保存的 我们可以遍历图层Layer中包含的所有Feature要素,然后读取要素的属性数据进行筛选过滤得到我们想要的结果。 SQL查询方式 代码展示 Talk is cheap. GetField('HighSchool')) 方法总结 使用遍历Feature要素的方法进行查询是我们在获取了图层包含的所有Feature要素集合以后,使用Python内置的函数对该集合进行过滤,排序等操作得到我们想要的查询结果