jQuery入门[2]-选择器[转]

jQuery之所以令人爱不释手,在于其强大的选择器表达式令DOM操作优雅而艺术。
jQuery的选择符支持id,tagName,css1-3 expressions,XPath,参见:http://docs.jquery.com/Selectors
DEMO:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
<title>Selector</title>
    
<script src="../scripts/jquery-1.2.3.intellisense.js" type="text/javascript"></script>
</head>
<body>
    
<input value="1" /> + 
    
<input value="2" />
    
<input type="button" value="=" />
    
<label>&nbsp;</label>
    
<script type="text/javascript">
        $(
"input[type='button']").click(function(){
            
var i = 0;
            $(
"input[type='text']").each(function(){
                i 
+= parseInt($(this).val());
            });
            $(
'label').text(i);
        });
        $(
'input:lt(2)')
            .add(
'label')
            .css(
'border','none')
            .css(
'borderBottom','solid 1px navy')
            .css({
'width':'30px'});
    
</script>
</body>
</html>
运行效果如下:

代码分解:
$("input[type='button']")用于找到type属性为button的input元素(此为CSS表达式,IE7才开始支持,所以在IE6中通常用jQuery的这种表达式代替CSS代码设置样式)。click()函数为button添加click事件处理函数。
在button_click时,$("input[type='text']")找出所有输入框,each()函数遍历找出来的数组中的对象的值,相加后设到label中。
        $('input:lt(2)')
            .add('label')
两行代码意为:所有input中的前面两个(lt表示序号小于)再加上label对象合并成一个jQuery对象。
            .css('border','none')
            .css('borderBottom','solid 1px navy')
            .css({'width':'30px'});
以上三行代码都是针对之前的jQuery对象设置CSS样式,如果一次需要设置多个CSS值,可用另一种形式,如:
            .css({'border':'none','borderBottom':'solid 1px navy','width':'30px'});
css()函数如果只传一个字符串参数,则为取样式值,比如css('color')为取得当前jQuery对象的样式属性color的值。jQuery对象有多种这样的函数,比如,val('')为设value,val()为取value,text('text')为设innerText,text()为取得innerText,此外还有html(),用于操作innerHTML,而click(fn)/click(),change(fn)/change()……系统函数则为事件的设置处理函数与触发事件。
由于多数jQuery对象的方法仍返回当前jQuery,所以jQuery代码通常写成一串串的,如上面的
            .css('border','none')
            .css('borderBottom','solid 1px navy')
            .css({'width':'30px'});
,而不需要不断重复定位对象,这是jQuery的链式特点,后面文章还会有补充。

referrence:http://docs.jquery.com/Selectors

转载于:https://www.cnblogs.com/muou/archive/2009/09/02/1558761.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/299797.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

nmap配合shell使用

命令需求&#xff1a;查看X.X.X.X/22网段所有开启5900端口的服务器&#xff0c;并以IP/host分行列出nmap -p 5900 XX.XX.XX.XX/22 |sed -e /Host is up/d -e /STATE/d -e/^$/d |awk {print $2,$5,$6} |sed -n /^open/{g;1!p;};h|sed -es/scan//g>file#nmap -p用于扫描开启59…

是个狠角色。。 | 今日最佳

全世界只有3.14 % 的人关注了青少年数学之旅&#xff08;图源洱海弥&#xff0c;侵权删&#xff09;

构建Windows Server 2008虚拟实验室

在阅读新闻稿时&#xff0c;有很多文章和指导&#xff0c;都有一些帮助&#xff0c;但却没有针对Windows Server 2008的手把手经验可供参考。对管理员来说&#xff0c;要熟悉这个服务器系统的最好方法是确定它的特性是如何给他们的Windows环境带来便利。 先前我描述了如何方便地…

eclipse配置tomcat 和JRE环境

配置JRE环境&#xff0c;通俗点讲就是添加一个不同版本的jdk window——preferences——java——installed jres 点击add添加 选择standard VM 择一个本机正确的jdk路径 name和下面lib加载都是系统自动完成的 选择好路径后 点 finish就ok了 配置tomcat window——preferen…

为什么我的 Func 如此之慢?

咨询区 Ricky G&#xff1a;我正在给项目做性能和代码优化&#xff0c;比如将重复的代码提炼成到一个可重用的方法中&#xff0c;为了能够达到可重用目的&#xff0c;我用 Func<T> 作为方法参数。public int Calculate(Func<int> expr){return expr();}当我用 Benc…

[转载MSDN]IIS 7.0中的Live Smooth Streaming -入门

IIS Live Smooth Streaming - 测试版是Internet 信使服务 (IIS) 7.0的一个扩展&#xff0c;它能提供流畅的视频流媒体&#xff0c;并且可以根据客户端的网络带宽和CPU的执行能力的改变&#xff0c;随时的调整视频质量。 IIS Live Smooth Streaming允许Microsoft Silverlight客户…

HDOJ 2196

思路&#xff1a;先选定1为树根&#xff0c;进行第一次深搜&#xff0c;很容易求出节点u到其子节点的最长距离和次长距离&#xff0c;求次长距离的目的是如果u的跟节点最长路径经过u则dp的时候就不能取其跟节点的最长距离&#xff0c;应该取其次长距离;然后进行第二次深搜&…

为啥饮料瓶大都是圆的,牛奶盒却是方的?

全世界只有3.14 % 的人关注了青少年数学之旅一提起喝饮料和牛奶你们是不是就来精神了但是喝了这么久的饮料你有没有想过一个问题为什么饮料瓶一般都是圆的&#xff1f;而牛奶盒却是方的&#xff1f;有的人可能会说饮料瓶要拿在手上当然是圆的舒服啊拿着一个方形的饮料瓶时间长了…

Docker最全教程之使用Docker搭建Java开发环境

前言 Java是一门面向对象的优秀编程语言&#xff0c;市场占有率极高&#xff0c;但是在容器化实践过程中&#xff0c;发现官方支持并不友好&#xff0c;同时与其他编程语言的基础镜像相比&#xff08;具体见各语言镜像比较&#xff09;&#xff0c;确实是非常臃肿。 Java [J…

删除sql下注册服务器

HKEY_CURRENT_USER\Software\Microsoft\Microsoft SQL Server\80\Tools\SQLEW\Registered Servers X\SQL Server 组 删除你那个注册名 转载于:https://www.cnblogs.com/DonePuzzle/archive/2008/04/01/1163731.html

OrganicsDelivery总结

一、UserControl调用所在页面的其他内容&#xff08;代理实现&#xff09; UserControl代码 Codeusing System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.HtmlControls;…

面试官:Redis 内存数据满了,会宕机吗?

背景Redis 数据库内存数据满了&#xff0c;会宕机吗&#xff1f;答案是&#xff1a;不会让它出现存满的情况&#xff0c;在使用Redis的时候我们要配置Redis能使用的最大的内存大小&#xff0c;存到一定容量的时候还有Redis的内存淘汰策略呢&#xff0c;还有LRU算法进行淘汰&…

Android简单封装类似JQuery异步请求

在android开发中经常会使用异步请求数据&#xff0c;通常会使用handler或者AsyncTask去做&#xff0c;handler 配合message 使用起来比较麻烦&#xff0c;AsyncTask 线程池只允许128个线程工作&#xff0c;会有溢出的问题&#xff0c;&#xff08;当然一般情况不会有那么多线程…

你爱我吗? | 今日最佳

全世界只有3.14 % 的人关注了青少年数学之旅&#xff08;图源你这样真的很机车诶&#xff0c;侵权删&#xff09;

Java开发和嵌入式开发该如何选择

首先&#xff0c;Java开发和嵌入式开发都是目前IT行业内比较常见的开发岗位&#xff0c;也都有大量的从业人员&#xff0c;所以从就业的角度来看&#xff0c;学习Java开发和嵌入式开发都是不错的选择。Java语言的应用领域包括Web开发、Android开发和大数据开发等领域&#xff0…

合理支配“财富”:经理人运用时间的12种典型模式

1. 他们大部分时间用于与人交往。总经理们个人单独工们的时间仅占整个工作时间的24% 。这部分时间通常是他们在家里、飞机上或外出乘车时间。总经理中仅有两人&#xff08;弗兰克和波林&#xff09;与别人交往的时间不超过其工作时间总量的70 &#xff05;。绝大多数总经理都将…

小米和腾讯的.NET笔面试题哪个更难?可自测附答案

统计了下&#xff0c;当下正在招.NET的大厂有腾讯、京东、唯品会、阿里、百度、华为、小米、网易、特斯拉等。进大厂、拿高薪、享福利&#xff0c;应该是.NET程序员普世梦想了。金九银十将至&#xff0c;还不赶紧刷题准备&#xff1f;即使等金三银四&#xff0c;下面这些笔面试…

hdu 1879 继续畅通工程 (最小生成树)

继续畅通工程 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 12717 Accepted Submission(s): 5506 Problem Description省政府“畅通工程”的目标是使全省任何两个村庄间都可以实现公路交通&#xff08;但不一…

熬夜变傻有科学依据,人类睡觉时会被“洗脑”,科学家首次拍下全程

全世界只有3.14 % 的人关注了青少年数学之旅你睡着的时候&#xff0c;真的被洗了脑。这次&#xff0c;波士顿大学的科学家们&#xff0c;史无前例地拍下了清洗过程&#xff1a;红色是血液&#xff0c;蓝色是脑脊液。厉害的是从前没有发现过&#xff0c;血液会周期性地大量流出大…

【解决bug之路】JAVA 之 static

在Java语言中&#xff0c;static表示“静态”的意思&#xff0c;使用场景可以用来修饰成员变量和成员方法&#xff0c;当然也可以是静态代码块。static的主要作用在于创建独立于具体对象的域变量或者方法。本文主要来去讲解一下static的来龙去脉。 static要解决什么问题&#…