JQuery的核心的一些方法

each(callback) '就像循环 
$("Element").length; ‘元素的个数,是个属性 
$("Element").size(); '也是元素的个数,不过带括号是个方法 
$("Element").get(); ‘某个元素在页面中的集合,以数组的形式存储 
$("Element").get(index); '功能和上面的相同,index表示第几个元素,数组的下标 
$("Element").get().reverse(); ‘把得到的数组方向 
$("Element1").index($("Element2")); '元素2在元素1中的索引值是。

2、基本对象获取(注意这里获取的都是Jquery对象而不是Dom对象哦,但是他俩是可以转换滴) 
$("*") ‘表示获取所有对象 但是我至今没这样用过 
$("#XXX") '获得 id=XXX 的元素对象(id可以是标签的id或CSS样式id) 常用

$("input[name='username']") 获得input标签中name='userName'的元素对象 常用

$(".abc") ' 获得样式class的名字是.abc的元素对象 常用 
$("div") ' 标签选择器 选择所有的div元素 常用 
$("#a,.b,span") '表示获得ID是a的元素和使用了类样式b的元素以及所有的span元素 
$("#a .b p") 'ID号是a的并且使用了 b样式的 所有的p元素

3、层级元素获取 
$("Element1 Element2 Element3 ....") '前面父级 后面是子集 
$("div > p") '获取div下面的所有的 p元素 
$("div + p") 'div元素后面的第一个 p元素 
$("div ~ p") 'div后面的所有的 p元素

4、简单对象获取 
$("Element:first") 'HTML页面中某类元素的第一个元素 
$("Element:last") 'HTML页面中某类元素的最后一个元素 
$("Element:not(selector)") '去除所有与给定选择器匹配的元素,如:$("input:not(:checked)") 表示选择所有没有选中的复选框 
$("Element:even") '获得偶数行 
$("Element:odd“)'获得奇数行 
$("Element:eq(index)") '取得一个给定的索引值 
$("Element:gt(index)") '取得给定索引值的元素 之后的所有元素 
$("Element:lt(index)") '取得给定索引值的元素 之前的所有元素

5、内容对象的获取和对象可见性 
$("Element:contains(text)") '元素中是否包含text文本内容 
$('Element:empty") '获得元素不包含子元素或文本的 
$("Element:partnt") '获得元素包含子元素或文本的 
$("Element:has(selector)") ‘是否包含某个元素, 如:$("p:has(span)")表示所有包含span元素的p元素 
$("Element:hidden") '选择所有可见元素 
$("Element:visible") '选择所有不可见元素

6、其他对象获取方法 
$("Element[id]") '所有带有ID属性的元素 
$("Element[attribute = youlika ]" '获得所有某个属性为youlika的元素 
$("Element[attribute != youlika ]" '获得所有某个属性为不是youlika的元素 
$("Element[attribute ^= youlika ]" '获得所有某个属性为不是youlika的开头的元素 
$("Element[attribute $= youlika ]" '获得所有某个属性为不是youlika的结尾的元素 
$("Element[attribute *= youlika ]" '获得所有某个属性包含youlika的开头的元素 
$("Element[selector1][selector2][....]") '符合属性选择器,比如$("input[id][name][value=youlika ]")表示获得带有ID、Name以及value是youlika 的input元素。

7、子元素的获取 
$("Element:nth-child(index)") '选择父级下面的第n个元素 
$("Element:nth-child(even)") '选择父级下面的偶数 
$("Element:nth-child(odd)") '选择父级下面的奇数 
$("Element:nth-child(3n+1)") '表达式 
$("Element:first-child") '选择父级下面的第一个子元素 
$("Element:last-child") '选择父级下面的最后一个子元素 
$("Element:only-child") '匹配父级下的唯一的一个子级元素,例如dt在dl列表中唯一,那么将选择dt

8、表单对象获取 
$(:input)//查找所有的Input元素,当然也包括下拉列表,文本域,单选框,复选框等。 
$(:text)//匹配所有的单行文本框 
$(:password)//匹配所有的密码框 
$(:radio)//匹配所有的单选按钮 
$(:checkbox)//匹配所有的复选框 
$(:submit)//匹配所有的提交按钮 
$(:image)//匹配所有的图像域,例如 
$(:reset)//匹配所有的重置按钮 
$(:button)//匹配所有的按钮 
$(:file)//匹配所有的文件上传域 
$(:hidden)//匹配所有的不可见元素或者type为hidden的元素 
$(:enabled)//匹配所有可用的input元素,比如radio:enabled表示匹配所有可用的单选按钮 
$(:disabled)//匹配所有的不可用input元素,作用与上相反 
$(:checked)//匹配所有选中的复选框元素 
$(:selected)//匹配所有的下拉列表

9、元素属性的设置与移除 
$("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src") 
$("Element".attr(key,value)") '某一个元素设置属性 
$("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性 
$("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。 
$("Element").removeAttr(name)//移除某一个属性

JQuery的核心的一些方法[扒来的]的更多相关文章

  1. jQuery 常用核心方法

    jQuery 常用核心方法 .each() 遍历一个jQuery对象,为每个匹配元素执行一个函数 $('p').each(function(idx,node){ $(node).text(idx + ...

  2. jQuery的核心对象、原型对象、静态方法、动态方法

    什么叫jQuery的核心对象? $ $===jQuery 什么叫jQuery的原型对象? $.fn $.fn===$.prototype 什么叫静态方法? 在构造函树上定义的方法,静态方法通过构造函数 ...

  3. 解密jQuery事件核心 - 自定义设计(三)

    接上文http://www.cnblogs.com/aaronjs/p/3447483.html 本文重点:自定义事件 “通过事件机制,可以将类设计为独立的模块,通过事件对外通信,提高了程序的开发效率 ...

  4. 解密jQuery事件核心 - 模拟事件(四)

    前几章已经把最核心的实现都分解过了,这一章我们看看jQuery是如何实现事件模拟的 在Internet Explorer 8和更低,一些事件change 和 submit本身不冒泡,但jQuery修改 ...

  5. jquery.validate.min.js 用法方法示例

    页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  6. jquery性能优化的十种方法

    jquery性能优化的十种方法 有时候我们在书写jquery的时候,为了书写代码方便,往往忽略了程序执行过程中,给客户端带来的压力.随之而来的就是在某些低端浏览器或者低端电脑上运行速度缓慢,甚至无法运 ...

  7. Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)

    jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...

  8. jQuery的核心思想

    jQuery?----www.jQuery.com jQuery的理念:write less, do more jQuery的成就:世界排名前100的公司,46%都在使用jQuery,远远超过其他库, ...

  9. jQuery的核心功能选择器

    选择器是jquery的核心 jquery选择器返回的对象是jquery对象,不会返回undefined或者null,因此不必进行判断 基本选择器: ID选择器  $("#ID") ...

随机推荐

  1. H5坦克大战之【玩家控制坦克移动2】

    周一没有看圣诞大战,这几天比较忙也没有看赛后的报道,今天就先不扯NBA,随便扯扯自己.昨天在电脑里找东西的时候翻到以前兼职健身教练时的照片,思绪一下子回到学生时代,脑子久久换不过来.现在深深觉得健身和 ...

  2. 玩转spring boot——MVC应用

    如何快速搭建一个MCV程序? 参照spring官方例子:https://spring.io/guides/gs/serving-web-content/ 一.spring mvc结合thymeleaf ...

  3. [干货来袭]MSSQL Server on Linux预览版安装教程(先帮大家踩坑)

    前言 昨天晚上微软爸爸开了全国开发者大会,会上的内容,我就不多说了,园子里面很多.. 我们唐总裁在今年曾今透漏过SQL Server love Linux,果不其然,这次开发者大会上就推出了MSSQL ...

  4. Java程序员:工作还是游戏,是该好好衡量一下了

    前阵子我终于下定决心,删掉了硬盘里所有的游戏. 身为一个程序猿,每天都要和各种新技术打交道,闲暇时间,总还得看一下各大论坛,逛逛博客园啥的,给自己充充电.游戏的话,其实我自小就比较喜欢,可以算是一种兴 ...

  5. 将DataTable中的某列转换成数组或者List

    string[] arrRate = dtRate.AsEnumerable().Select(d => d.Field<string>("arry")).ToA ...

  6. AspNetPager分页控件样式的使用

    分页是Web应用程序中最常用到的功能之一,AspNetPager  简单实用,应用到项目后台中,棒极了! 自定义样式: <style type="text/css"> ...

  7. (转)从0开始搭建SQL Server AlwaysOn 第一篇(配置域控+域用户DCADMIN)

    原文地址: http://www.cnblogs.com/lyhabc/p/4678330.html 实验环境: 准备工作 软件准备 (1) SQL Server 2012 (2) Windows S ...

  8. Oracle补全日志(Supplemental logging)

    Oracle补全日志(Supplemental logging)特性因其作用的不同可分为以下几种:最小(Minimal),支持所有字段(all),支持主键(primary key),支持唯一键(uni ...

  9. 换个角度看微信小程序[推荐]

    去年参加几次技术沙龙时,我注意到一个有意思的现象:与之前大家统一接受的换名片不同,有些人并不愿意被添加微信好友--"不好意思,不熟的人不加微信". 这个现象之所以有意思,是因为名片 ...

  10. 初学DirectX11, 留个纪恋。

    以前学的是openGL, 最近才开始学DirectX11,写了个很垃圾的代码,怀念以前的glPushMatrix(), glPopMatrix(), glBegin(), glEnd(), 多简单啊, ...