$(’#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邮件服务-yagmail

      下载安装 yagmail import yagmail #链接邮箱服务器 #此处的password是授权码 yag= yagmail.SMTP( user="843092012@qq.c ...

  2. Java进阶知识点:服务端高并发的基石 - NIO与Reactor AIO与Proactor

    一.背景 要提升服务器的并发处理能力,通常有两大方向的思路. 1.系统架构层面.比如负载均衡.多级缓存.单元化部署等等. 2.单节点优化层面.比如修复代码级别的性能Bug.JVM参数调优.IO优化等等 ...

  3. 深度学习笔记 (一) 卷积神经网络基础 (Foundation of Convolutional Neural Networks)

    一.卷积 卷积神经网络(Convolutional Neural Networks)是一种在空间上共享参数的神经网络.使用数层卷积,而不是数层的矩阵相乘.在图像的处理过程中,每一张图片都可以看成一张“ ...

  4. 关于jquery几个自己不咋用到的常用遍历赛选的api

    1.contains:作用是返回包含某个文字的元素节点 例子:要给所以含有“lyz”的p节点加样式: 可以这样:$("p:contains(lyz)").css("col ...

  5. PHPCMS v9表单向导中怎么加入验证码

    表单想到比较简单,所以没有加入验证码的功能.网上的类似教程又大多数不准确.所以亲自测试了一下,发现下面的方法是可用的.希望对有需求的朋友们有所帮助. 1.首先是调用表单的页面加入验证码.表单js调用模 ...

  6. 【转】c++面试基础

    1,关于动态申请内存 答:内存分配方式三种: (1)从静态存储区域分配:内存在程序编译的时候就已经分配好,这块内存在程序的整个运行期间都存在. 全局变量,static变量. (2)在栈上创建:在执行函 ...

  7. 20145214 《Java程序设计》第9周学习总结

    20145214 <Java程序设计>第9周学习总结 教材学习内容总结 JDBC简介 JDBC全名Java DataBase Connectivity,是java联机数据库的标准规范.它定 ...

  8. c# 有无符号值进一步了解

    1.编写过程中用到了short类型(有符号型,值范围含负值).两个正数之和得负. 改为int或unsigned short 均可. 2.注意,short型(-32768,32767)举例:做自加运算, ...

  9. 【MVC4升级到MVC5】ASP.Net MVC 4项目升级MVC 5的方法

    1.备份你的项目 2.从Web API升级到Web API 2,修改global.asax,将 ? 1 WebApiConfig.Register(GlobalConfiguration.Config ...

  10. 在intelllij中debug的时候使用log4j输出

    一般在本地调试的时候,在控制台打印输出都会使用system.out.print,但是在线上运行的时候一般都是使用log4j进行日志输出. 那么在编写代码的时候,又不想写两份,直接写LOG是常规动作. ...