$(’#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. CSP201312-2：ISBN号码

    引言:CSP(http://www.cspro.org/lead/application/ccf/login.jsp)是由中国计算机学会(CCF)发起的"计算机职业资格认证"考试, ...

  2. EasyUI学习心得

    因为要修改十几年前的一个项目界面,打9月份开始学习EasyUI,很多事情都要自己试过才知道,小问题会浪费很多时间.所以,就在此记录一下,随时更新. 一.引号 EasyUI的自定义关键字的识别,API文 ...

  3. 【递归入门】组合的输出：dfs

    题目描述 排列与组合是常用的数学方法,其中组合就是从n个元素中抽出r个元素(不分顺序且r < ＝ n),我们可以简单地将n个元素理解为自然数1,2,…,n,从中任取r个数. 现要求你不用递归的方 ...

  4. Matlab 图象操作函数讲解

    h = imrect;pos = getPosition(h); 这个函数用来获取图象上特定区域的坐标,其中pos的返回值中有四个参数[xmin,ymin,width,height],特定区域的左上角 ...

  5. Alpha发布——Thunder团队

    视频展示 视频链接: 爱奇艺: http://www.iqiyi.com/w_19ruzwru25.html      (画质清晰,但可能需多次刷新或重新打开页面,此问题因电脑型号和网络而异) 优酷: ...

  6. RXSwift--登录注册那点事

    在iOS学习中登录注册是一个万能的可以拿出来实战的demo.接下来我们就从登录开始入手,PS:如果你对RXSwift中的概念和一些常用的函数不清楚可以参考这篇文章(可能打开比较慢请耐心等待).开始直接 ...

  7. 201621044079 week13 网络

    作业13-网络 1. 本周学习总结 以你喜欢的方式(思维导图.OneNote或其他)归纳总结多网络相关内容. 2. 为你的系统增加网络功能(购物车.图书馆管理.斗地主等)-分组完成 为了让你的系统可以 ...

  8. PAT 1052 卖个萌

    https://pintia.cn/problem-sets/994805260223102976/problems/994805273883951104 萌萌哒表情符号通常由“手”.“眼”.“口”三 ...

  9. PAT L1-044 稳赢

    https://pintia.cn/problem-sets/994805046380707840/problems/994805086365007872 大家应该都会玩“锤子剪刀布”的游戏:两人同时 ...

  10. OSI参考模型和TCP/IP参考模型