$(’#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. matconv-GPU 编译问题

    如出现以下错误: 1 error detected in the compilation of "C:/Users/Justin/AppData/Local/Temp/tmpxft_0000 ...

  2. 4-1：实现tee命令

    #include <stdio.h> #include <sys/stat.h> #include <fcntl.h> #include <unistd.h& ...

  3. "Hello world!"团队第一次会议

    今天是我们"Hello world!"团队第一次召开会议,今天的会议可能没有那么正式,但是我们一起确立了选题——基于WEB的售票系统.博客内容是: 1.会议时间 2.会议成员 3. ...

  4. Thunder团队第六周 - Scrum会议6

    Scrum会议6 小组名称:Thunder 项目名称:i阅app Scrum Master:邹双黛 工作照片: 邹双黛同学在拍照,所以不在照片内. 参会成员: 王航:http://www.cnblog ...

  5. Notes of the scrum meeting before publishing2（12.18）

    meeting time:18:30~20:30p.m.,December 18th,2013 meeting place:3号公寓一层 attendees: 顾育豪                  ...

  6. Internet Technologe

    Store and Forward Networking Efficient Message Transmission:Packet Switching(分组交换) Challenge: in a s ...

  7. Median of Two Sorted Arrays（hard）

    题目要求: 有两个排序的数组nums1和nums2分别为m和n大小. 找到两个排序数组的中位数.整体运行时间复杂度应为O(log(m + n)). 示例: 我的方法: 分别逐个读取两个数组的数,放到一 ...

  8. ASP.NET 使用MVC4的EF5 Code First 入门(一)：创建数据库

    一.基本流程 建立模型→建立控制器→EF框架自动生成视图的数据库 二.基本理论 1.约定优于配置(Convention Over Configuration) 设计不好的框架通常需要多个配置文件,每一 ...

  9. js jQuery 判断跳转是手机还是电脑

    <script type="text/javascript"> $(function () { var system = {}; var p = navigator.p ...

  10. 安装FastDFS+Nginx

    安装FastDFS FastDFS开发者的GitHub地址为:https://github.com/happyfish100 打开上述链接,我们点击fastdfs–>release,发现最新版的 ...