方法以及属性温习

jq中文文档:http://www.css88.com/jqapi-1.9/

jq ui中文文档:http://www.css88.com/jquery-ui-api/   1.10版本

jq ui 1.7版:http://jqueryui.net

css属性

.addClass( className )

它可以添加一个或者以上的样式类

用空格进行隔开的样式表类

.removeClass( [className ] )

它可以移出所有或者一个

一般情况下这2个可以联合一起使用,如下

$(‘.p‘).removeClass().addClass(obj)

在jq1.4之后.addClass()可能让我们传递一个用于设置样式类的函数,如下

(‘ul li:last‘).addClass(function(index){})

使用否定式伪类

:not(obj)移除不匹配的选择器元素

子选择器的方式,如下

$(‘a[href="http"]>li‘).addClass()

属性选择器(可以查看文档:http://www.css88.com/jqapi-1.9/category/selectors/attribute-selectors/)

常见的属性选择器方式

[name=value] 属性选择器,选择所有属性为name,值为value的元素

[name^=value]属性选择器,选择所有属性为name,值为value的开头元素

[name$=value] 属性选择器,选择所有属性为name,值为value的结尾元素

[name~=value]属性选择器,选择所有属性为name,值为空格分隔包含value元素

[name*=value] 属性选择器,选择所有属性为name,值为包含value元素

例如

$(‘a[href^=mailto:]‘).addClass(obj)

自定义选择符

:eq(index)从匹配元素(如index=0时,从索引0开始)

:eq(-index):注意:-1表示最后一个元素

如下

$(‘td:eq(2)‘).css()

( ":lt(index)"选择匹配集合中所有索引值小于给定的index参数元素,是从0开始

( ":lt(-index)"与:eq(-index)类似

:odd:它是基于0的索引,所以:odd选择器是选择第二个元素,第四个元素,依此类推匹配(偶数)

但是:odd查询不能充分利用原生dom提供的querySelectorAll()方法提高性能,如果使用了纯

css选择器选择元素,使用.fiter(‘:odd‘)

:gt(index):从0开始计数索引

:gt(-index):从最后一个元素开始反向计数

:gt()它:odd一样,不能使用原生dom方法,只能通过$(‘css‘).slice(index)代替

.filter( selector )一个用于匹配元素的选择器字符串

.filter( function(index) )这边的index参数,它的索引从0开始,表示未经过滤匹配元素集合中元素位置,如下

$(‘li‘).filter(function(index){

return this})

this在这边是指的:这个对象

:even它是基于0的索引,是从第一个元素,第三个元素,依此类推匹配,它与:odd一样,通过.filter()方法来使用它(奇数)

":nth-child(obj)" 是严格来自css规范的,所以obj值是1的索引,也就是说从1开始计数,它是jq世界中唯一一个从1开始计数的

基于上下文内容选择元素

(筛选信息的)

":contains(text)"用来查询一个文本字符串,注意:它是区分大小写的

表单

表单例子:

$(‘input[type="button"]:click‘)

dom遍历方法

.filter()它是迭代所有匹配元素对象,对每个元素都调用传入函数并测试返回值,如果为false,对相应的删除,如果为true则保留相应元素

为特定的单元格添加样式

.next()一个字符串,其中包含一个选择器表达式针对匹配元素。允许我们找遍元素集合中紧跟着这些元素的直接兄弟元素,并根据匹配的元素创建一个新的 jQuery 对象。它还一个可选的选择器表达式,该选择器表达式可以是任何可传给$()函数选择器表达,如果每个元素直接兄弟元素满足所提供选择器,则会保存在新生成jq对象中,否则不会保存

.nextAll( [selector ] )如果一个jq对象代表了一级dom元素,它可以允许我们在dom树上遍历所有元素后继元素,并生成一个新的匹配元素jq对象,与.next()类似

.prev()与.prevAll()用于匹配元素的选择器字符串,如果上一个兄弟不存在,或如果前面的同级元素不匹配所提供的选择器,返回一个空的jQuery对象。

.siblings( [selector ] )一个用于匹配元素的选择器字符串

.addBack( [selector ] )一个字符串,其中包含一个选择器表达式,匹配当前元素集合不包括在内的元素

":parent"择所有含有子元素或者文本的父级元素。

:parent (和 :empty)所涉及的子元素,包括文本节点。

.empty()

  • 这个方法不接受任何参数。

.children( [selector ] )获得匹配元素集合中每个元素的子元素(所有的),选择器选择性筛选。它的对应方法 :.contents()。(可以查看它的文档:http://www.css88.com/jqapi-1.9/children/)

访问dom元素

get( [settings] )

标签名get(index).tagName

简写

$()[0].tagName

事件

时间: 2025-01-31 00:45:52

方法以及属性温习的相关文章

BOM的节点方法和属性

一.HTML DOM >>>>>>>>>>>>>>>>>>>>具体可以参考W3SCHOOL中的讲解,接下来我会结合W3SCHOOL和本人总结的一些实例供大家理解. HTML 的标准对象模型 HTML 的标准编程接口 W3C 标准 HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法. 换言之,HTML DOM 是关于如何获取.修改.添加或删除 HTML 元素的标准

Python基础教程(第九章 魔法方法、属性和迭代器)

本文内容全部出自<Python基础教程>第二版,在此分享自己的学习之路. ______欢迎转载:http://www.cnblogs.com/Marlowes/p/5437223.html______ Created on Marlowes 在Python中,有的名称会在前面和后面都加上两个下划线,这种写法很特别.前面几章中已经出现过一些这样的名称(如__future__),这种拼写表示名字有特殊含义,所以绝不要在自己的程序中使用这样的名字.在Python中,由这些名字组成的集合所包含的方法称

java反射-反射实例化对象-反射获得构造方法-反射获得普通方法-获得属性

链接:https://www.zhihu.com/question/24304289/answer/38218810来源:知乎著作权归作者所有,转载请联系作者获得授权. Class<?> cls = Class.forName("cn.mldn.demo.Person"); // 取得Class对象 第一步:获得对象,构造方法,普通方法,属性 Object obj = cls.newInstance() Constructor<?> cons = cls.get

Python面向对象高级编程:@property--把方法变为属性

为了限制score的范围,可以通过一个set_score()方法来设置成绩,再通过一个get_score()来获取成绩,这样,在set_score()方法里,就可以检查参数: 1 >>> class Student(object): 2 def get_score(self): 3 return self.__score 4 def set_score(self,value): 5 if not isinstance(value,int): 6 raise ValueError('sec

java中常用的包、类、以及包中常用的类、方法、属性-----io包

由于最近有需要,所以下面是我整理的在开发中常用的包.类.以及包中常用的类.方法.属性:有需要的看看 java中常用的包.类.以及包中常用的类.方法.属性 常用的包 java.io.*; java.util.*; java.lang.*; java.math.*; java.sql.*; java.text.*; java.awt.*; javax.swing.*;   包名 接口 类 方法 属性 java.io.*; java.io.Serializable实现序列化 java.io.Buffe

ie8 报错:意外地调用了方法或属性访问

在某场景中一句简单的js: $("#changeOption").text("增加"); 在 IE8 下面报错:'意外地调用了方法或属性访问' 改成:$("#changeOption").html("增加"); 报同样的错. 改成:document.getElementById('changeOption').innerText="增加"; 同样报错:"未知的运行时错误" 最后改成:$(

C#变量初始化问题:字段初始值无法引用非静态字段、方法或属性

http://www.cnblogs.com/bluestorm/p/3432190.html 问题:字段初始值设定项无法引用非静态字段.方法或属性的问题 下面代码出错的原因,在类中定义的字段为什么不能用? public class Test {public Test(){}public int Age=23;public int temp = Age;//ERROR 字段初始值设定项无法引用非静态字段.方法或属性} C#规定在类内部只能定义属性或者变量,并初始化,不能直接变量引用变量. 在初始

我在一个解决方案下有2个项目,那么在A项目下如何调用其他项目的资源,比如窗体,类,方法,属性等??

下面这些图展示了如何在一个项目中引用另一个项目 sln是解决方案csproj是c#项目项目是文件的集合解决方案是项目的集合包含关系,一个sln中包含多个csproj.一个csproj包含多个文件.sln:solusioncsproj:c sharp projectcsproj可以作为单独的项目运行,也可以在sln中添加csproj统一管理.如果你的解决方案中仅仅包含一个工程,那么是打开工程和解决方案的时候一样的.但是在系统中一个解决方案中可能有多个工程打开一个方案中的一个工程 这个工程打开的时候

类、对象、方法、属性和实例变量

放置方法的程序单元是类,类中提供一个或多个方法,为类执行任务. 方法执行一个任务,并可返回一个结果. 类的实例称为对象. 给对象发送消息称为一个方法调用,告诉对象要执行一个任务. 对象有属性,可以在程序中使用,这些属性在对象的类中用字段指定属性. public class Count//每个类声明包含关键字class加类名,public是访问修饰符 { //类通常有一个或多个方法,操纵属于该类的特定对象的属性,属性在类中声明表示为变量,这种变量在类中声明,放在方法体之外. //属性声明可以有ge