$(’#id‘).+function;

例如：

 1 <head>

 2     <title>JQuery</title>

 3         <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script>

 4         <script type="text/javascript">

 5             $(function () { alert($('#div1').text()); });

 6             $(function () { alert($('#div1').html()); });//通过这两种函数调取的内容不一样。

 7         </script>

 8 </head>

 9 <body bgcolor="blue">

10     <div id="div1">你好呀<font color="red">朋友</font></div>

11 </body>

12 </html>

$('#id').html();和$('#id').text()中有参数就说明是赋值，没有参数就是取值

$(dom对象)可以将dom转换成jquery对象。

Jquery函数没有封装的函数必须使用dom对象。

可以通过var domobj=jquery[0]或者var domobj=jquery.get[0]的方式将Jquery对象转换成dom对象。

 1 <head>

 2     <title>JQuery</title>

 3         <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script>

 4         <script type="text/javascript">

 5             $(function(){

 6                 var div = $('#div1')[0];

 7                 alert(div.innerText);

 8                 alert(div.innerHTML);})

 9         </script>

10 </head>

11 <body bgcolor="blue">

12     <div id="div1">你好呀<font color="red">朋友</font></div>

13 </body>

14 </html>

$('#id').css(“background”,"red")或者$('#id').css("background"),分别是可以用来赋值和取值

1   <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script>

2         <script type="text/javascript">

3             $(function () {

4                 alert($(document.body).css("background-color"));

5                 $(document.body).css("background", "red");

6             })

7

8         </script>

$('#id').val()有参数就是赋值，无参数就是取值

 1 <head>

 2     <title>JQuery</title>

 3         <script src="js/jquery-1.11.1.min.js"type="text/javascript"></script>

 4         <script type="text/javascript">

 5             $(function () { $('#text1').val(new Date()); })

 6             $(function () { alert($('#text1').val()); })

 7

 8         </script>

 9 </head>

10 <body bgcolor="blue">

11     <input type="text" id="text1" />

12 </body>

13 </html>

$('.className')    $('p')$('input')等$("#id")三种主要的获取控件的方式

$("div li")获取div下面的所有li元素

$("div > li")获取仅直接在div下面的li元素

$("div + item")获取div后面的第一个item 元素

$("div~item")获取div后面的所有item元素

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title>JQuery</title>

     <style type="text/css">

         .warning {

             background-color:yellow;

         }

     </style>

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

         <script type="text/javascript">

             $(function () { $('p').html("<font color='red'>我们都是p</font>") });

             //$('p').html("<font color='red'>我们都是p</font>")这段代码不能单独执行，

             //这样它会发生在<P>控件加载完毕之前，无法将下面的相应控件进行赋值

            $(function () { $('p').click(function () { alert('我是p'); }) })

             $(function () { $('.warning').click(function () { alert("这里有警告信息！") }) })

             $(function () { $("div > p").click(function () { alert("这里是div下面的p！"); }) })

             //通过$().click()可以为这一个事件赋予多个执行函数

         </script>

 </head>

 <body bgcolor="blue">

     <p></p>

     <p></p>

     <p></p>

     <div>这里没事！</div>

     <div class="warning">这是警告信息</div>

     <div class="warning"></div>

     <div class="warning">here</div>

     <input class="warning"value="点我呀" />

     <div><p>请勿触碰</p></div>

 </body>

 </html>

JQuery学习二（获取元素控件并控制）的更多相关文章

  1. PyQt学习随笔：ListView控件获取当前选择项的方法

    通过currentIndex()可以获取listView控件的当前选择元素,如果选择了多个,则可以通过selectedIndexes()来获取选择的元素,不过这两个函数返回的是元素数据,而不是索引编号 ...

  2. Jquery获对HTML控件的控制

    Jquery获对HTML控件的控制 1.获取控件的值 1.1.radio 1.1.1 获取一组radio被选中项的值  var item = $('input[name=items][checked] ...

  3. Selenium IDE安装和检查获取的控件路径技巧

    来源:http://www.jianshu.com/p/0ea2dc83549f 从学习Selenium 开始,都是自己写脚本,后来得知有个插件Selenium IDE可以录制脚本,也懒得用了,觉得自 ...

  4. jquery messagetip信息语提示控件

    编写原因: 作为提示框,jquery有个messagebox的控件,也就是弹出的提示框.但这个控件如果不是用在需要确认的时候,单单警告提示.消息提示.失败提示时,用户还需要去点下确认,有时这操作还是挺 ...

  5. .net获取select控件中的文本内容

    .net获取select控件中的文本内容 2009-11-28 21:19小V古 | 分类:C#/.NET | 浏览1374次 <select id="SecType" st ...

  6. IE9获取file控件的本地文件路径

    最近发现,在IE9下,公司网站的本地图片预览都无法正常显示,经过测试发现,原因在于IE9下无法获取file控件的文件路径. 以前的代码如下: var strPic = fileImg.value; i ...

  7. ASP.NET MVC加载用户控件后并获取其内控件值或赋值

    有网友看了这篇<ASP.NET MVC加载ASCX之后,并为之赋值>http://www.cnblogs.com/insus/p/3643254.html 之后,问及Insus.NET,不 ...

  8. 获取IE (控件)的所有链接(包括Frameset, iframe)

    获取IE (控件)的所有链接(包括Frameset, iframe) IE 顶层 body 节点通过IHTMLElement->get_all 方法无法获取iframe 里面的节点列表 CCom ...

  9. WPF 遍历DataTemplate(获取所有控件)

    原文:WPF 遍历DataTemplate(获取所有控件) 情况1:在设定DataTemplate的Name,并且他是在前台表示时,获取DataTemplate里的指定控件. 方法: http://b ...

随机推荐

  1. python中的迭代器与生成器

    迭代器 迭代器的引入 假如我现在有一个列表l=['a','b','c','d','e'],我想取列表中的内容,那么有几种方式? 1.通过索引取值 ,如了l[0],l[1] 2.通过for循环取值 fo ...

  2. Apache——访问控制

    Order 指定执行允许访问规则和拒绝访问规则 Deny 定义拒绝访问列表 Allow 定义允许访问列表 Order allow,deny  先执行允许,再执行拒绝 Order deny,allow ...

  3. POJ 1921 Paper Cut（计算几何の折纸问题）

    Description Still remember those games we played in our childhood? Folding and cutting paper must be ...

  4. The Uncle_b's First Love

    Description ACM成立大会之后,uncle_b被其中一个大一女孩深深地吸引,但腼腆的B叔又不知道如何去表达自己内心的想法,经calmound神的指导,B叔决定写封情书给对方.他从Tamar ...

  5. Python学习之路1 - 基础入门

    本文内容 Python介绍 安装Python解释器 输出 变量 输入 条件判断语句 循环语句 模块讲解 三元运算 字符串和二进制的相互转化 本系列文章使用的Python版本为3.6.2 使用开发工具为 ...

  6. TensorFlow安装解惑

    本文整理自网络,若有侵犯请告知. 1.安装环境 目前TensorFlow社区推荐的环境是Ubuntu, 但是TensorFlow同时支持Mac,Windows上的安装部署. 2.关于GPU版本 因为深 ...

  7. j2ee—框架（2）：Servlet+JSP实现基本的登录功能（v2.0）

    该部分将逻辑判断在UserBean中进行处理,而且不采用配置的方式去实现,为了区分开两种实现方法的不同,在这里将之前设置的内容只是备注掉,并不会删除,也方便之后将两种方式进行对比. 第一部分 Logi ...

  8. Java核心技术点之接口

    1. 为什么使用接口 Java中的接口是一组对需求的描述.接口通过声明接口方法来对外宣布:“要想具有XX功能,就得按我说的做(即实现接口方法).” 而接口的实现类通过实现相应接口的方法来宣布:“我已经 ...

  9. python学习笔记04：安装pip

    如果是从python官网下载的python版本(2.7.9或3.4)的安装包,其中已经内置了pip工具.那么只需要升级pip即可. 检测是否已安装pip: python -m pip --versio ...

  10. 将MathType公式转换为LaTex格式

    LaTex编辑公式不够直观,常常会因为结构复杂导致数据或者符号出错,使用MathType编辑公式后再直接转换成LaTex代码可以避免这个问题. 一.首先在MathType中编辑公式 二.然后点击参数— ...