改变元素的不透明度

<!DOCTYPE html>

<html>

<head>

<script>

function ChangeOpacity(x)

{

// 返回被选选项的文本

var opacity=x.options[x.selectedIndex].text;

var el=document.getElementById("p1");

if (el.style.opacity!==undefined)

  {el.style.opacity=opacity;}

else

  {alert("Your browser doesn't support this example!");}

}

</script>

</head>

<body>

<p id="p1">请从下面的例子中选择一个值，以改变此元素的不透明度。</p>

<select onchange="ChangeOpacity(this);" size="5">

  <option />0

  <option />0.2

  <option />0.5

  <option />0.8

  <option selected="selected" />1

</select>

</body>

</html>

根据DIV内容 怎么得到DIV的ID

<!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>

    <script src="ec/jquery/jquery-1.6.4.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        function test(only) {

            var $objs = $("div[id]:contains('德国')");

            var arr = [];

            $objs.each(function () {

                if (only && $(this).text().length > )

                    return false;

                arr.push($(this).attr("id"));

            });

            alert(arr);

        }

    </script>

</head>

<body>

    <div id="code1">中国</div>

    <div id="adeg">美国</div>

    <div id="dg3g">英国</div>

    <div id="gjr4">德国</div>

    <div id="bkjt">法国</div>

    <div id="Div1">德国1</div>

    <div id="Div2">德国2</div>

    <div id="Div3">德国3</div>

    <div id="Div4">德国4</div>

    <input type="button" value="取得包含德国的 div 的id" onclick="test(false)" />

    <input type="button" value="取得只包含德国的 div 的id" onclick="test(true)" />

</body>

</html>

each :

   $("div").each(function() {

    if($(this).html()=="德国"){alert($(this).attr("id"))}

    });

$("div:contains('德国')").eq(0).attr("id");

创建数组对象

创建 Array 对象的语法：

new Array();

new Array(size);

new Array(element0, element1, ..., elementn);

for in

var x

var mycars = new Array()

mycars[] = "Saab"

mycars[] = "Volvo"

mycars[] = "BMW"

for (x in mycars)

{

document.write(mycars[x] + "<br />")

}

合并两个数组

var arr = new Array()

arr[] = "George"

arr[] = "John"

arr[] = "Thomas"

var arr2 = new Array()

arr2[] = "James"

arr2[] = "Adrew"

arr2[] = "Martin"

document.write(arr.concat(arr2))

用数组元素组成字符串join

var arr = new Array();

arr[] = "George"

arr[] = "John"

arr[] = "Thomas"

document.write(arr.join());

document.write("<br />");

document.write(arr.join("."));

输出结果：

George,John,Thomas

George.John.Thomas

数组排序   sort

document.write(arr.sort())

<script type="text/javascript">

function sortNumber(a, b)

{

return a - b

}

var arr = new Array()

arr[] = ""

arr[] = ""

arr[] = ""

arr[] = ""

arr[] = ""

arr[] = ""

document.write(arr + "<br />")

document.write(arr.sort(sortNumber))

</script>

,,,,,

,,,,,

随机整数

下面的例子使用了 Math 对象的 floor() 方法和 random() 来返回一个介于  和  之间的随机数：

document.write(Math.floor(Math.random()*))

js+jquery的更多相关文章

  1. js,jquery,css,html5特效

    包含js,jquery,css,html5特效,源代码 本文地址:http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全 ...

  2. Js/Jquery获取iframe中的元素

    转载: Js/Jquery获取iframe中的元素 - - ITeye技术网站http://java-my-life.iteye.com/blog/1275205 在web开发中,经常会用到ifram ...

  3. js/jquery/html前端开发常用到代码片段

    1.IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法.条件注释只能用于IE5以上,IE ...

  4. js jquery 页面加载初始化方法

    js jquery 页面加载初始化方法 一.js页面加载初始化方法 // 1.在body里面写初始化方法. <body onload='init()'> </body> < ...

  5. js jquery 选择器总结

    js jquery 选择器总结 一.原始JS选择器. id选择器:document.getElementById("test"); name选择器:document.getElem ...

  6. [JS]jQuery,javascript获得网页的高度和宽度

    [JS]jQuery,javascript获得网页的高度和宽度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeigh ...

  7. spring访问静态资源出错，No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js...

    问题:spring访问静态资源出错,No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js... web.x ...

  8. js jquery中 的数据类型

    任何一门语言, buguan 是动态的, 还是像C语言的, 都有严格的 类型 "概念的", 这个是由于 编译器和解释器要求的, 需要的. 所以在是使用像 js, jquey ,ph ...

  9. paip.提升效率--数据绑定到table原理和流程Angular js jquery实现

    paip.提升效率--数据绑定到table原理和流程Angular js  jquery实现 html #--keyword 1 #---原理和流程 1 #----jq实现的代码 1 #-----An ...

  10. JS Jquery去除数组重复元素

    js jquery去除数组中的重复元素 第一种:$.unique() 第二种: for(var i = 0,len = totalArray_line.length;i < len;i++) { ...

随机推荐

  1. 打开wps的宏设置，提示你可能没有装vba

    打开wps的宏设置,提示你可能没有装vba?? 因为wps个人版没有vba,安装以下软件即可,亲测可行 VBA6.3提取自WPS2012专业增强版.zip   链接: http://pan.baidu ...

  2. [转]Python Web部署方式总结

    学过PHP的都了解,php的正式环境部署非常简单,改几个文件就OK,用FastCgi方式也是分分钟的事情.相比起来,Python在web应用上的部署就繁杂的多,主要是工具繁多,主流服务器支持不足,在了 ...

  3. 创建一个简单的 MDM server(1)

    前提:已获得 APNS 证书 ,已完毕 MDM 配置描写叙述文件的制作.请參考< MDM 证书申请流程 >一文和<配置MDM Provisioning Profile>. 环境 ...

  4. 从jQuery谈库与框架的设计之优劣

    jQuery是业内知名的javascript框架,它的实现和设计可以说代表了javascript界最高的水平,本文试从四个方面来以jQuery为例总结库与框架设计的原则和优劣判断. 解决问题 首先请看 ...

  5. delete指针以后应赋值为NULL——QT deletelater指针以后也同样要马上赋值为NULL

    delete p后,只是释放了指针指向的内存空间.p并不会自动被置为NULL,而且指针还在,同时还指向了之前的地址 delete NULL编译器不会报错(因为delete空指针是合法的) 例: 对一个 ...

  6. thinkphp 无限级分类的思想 分析

    $list=$cate->field("id,name,pid,path,concat(path,'-',id) as bpath")->order('bpath')- ...

  7. selenium定位方法（java实例）（二）

    从下图中可以看到selenium有三类定位元素的方法,一种是直接通过属性.标签以及链接来定位,一种是XPath方式,最后一种是CSS方式. 下表列举了元素定位的例子 selenium之页面元素定位方法 ...

  8. static、extern分析

    1.extern extern在变量声明中有这样一个作用:你要在demo2.cpp中引用demo1.cpp中的一个全局变量,就要在demo2.h中用extern来声明这个全局变量(或者在demo1.h ...

  9. C++ 接口（抽象类）

    C++ 接口(抽象类)接口描述了类的行为和功能,而不需要完成类的特定实现. C++ 接口是使用抽象类来实现的,抽象类与数据抽象互不混淆,数据抽象是一个把实现细节与相关的数据分离开的概念. 如果类中至少 ...

  10. iOS推送证书从申请到使用

    关于这个话题,已经有非常多写的非常好的文章了.可是,在自己做的过程中,即使别人写的已经非常好了,还是会遇到这样那样的问题. 自己还是再写一遍吧. 本文记录了从无到有申请证书,到最后可以发出通知.当然, ...