$(’#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. [SHELL]结构化命令之条件语句

    1.if-then语句  #!/bin/bash username="root" if grep $username /etc/passwd then echo "the ...

  2. 性能度量之Confusion Matrix

    例子:一个Binary Classifier 假设我们要预测图片中的数字是否为数字5.如下面代码. X_train为训练集,每一个instance为一张28*28像素的图片,共784个features ...

  3. 自测之Lesson13：共享内存

    题目:创建一个64K的共享内存. 实现代码: #include <stdio.h> #include <sys/ipc.h> #include <sys/shm.h> ...

  4. ACM入门步骤（一）

    一般的入门顺序: 0. C语言的基本语法(或者直接开C++也行,当一个java选手可能会更受欢迎,并且以后工作好找,但是难度有点大),[参考书籍:刘汝佳的<算法竞赛入门经典>,C++入门可 ...

  5. Thunder团队第五周 - Scrum会议6

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

  6. iOS- 用UICollectionViewController 来进行横竖屏九宫格布局

    1.简单说说UICollectionViewController 我们在做九宫格布局时,可以使用UIScrollView,也可以使用UICollectionViewController. 当我们用UI ...

  7. 关于c中的一些新函数

    localtime 和 localtime_s: localtime:localtime(const time_t * _Time) time_t t;struct tm *local;time(&a ...

  8. arp hook

    最近疯狂的研究Linux的种种功能,也颇有心得,这里讲述一下Linux下的Net的Hook,使用net的Hook可以实现很多很多非常底层的功能,比如过滤报文,做防火墙,做代理等等. Now,Let's ...

  9. overflow:scroll 滚动条不显示

    overflow:scroll 滚动条不显示 ::-webkit-scrollbar-thumb 可能因为 自定义的滚动条height比元素可展示内容大

  10. 使用oledb读取excel表

    string path = "C:\\Users\\aaa\\Desktop\\aa.xls"; string conn = "Provider = Microsoft. ...