$(’#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. python3 SQLAlchemy模块使用

    更详细的操作介绍:https://www.imooc.com/article/22343 定义: SQLAlchemy是Python编程语言下的一款ORM框架,该框架建立在数据库API之上,使用关系对 ...

  2. DeepLearning Intro - sigmoid and shallow NN

    This is a series of Machine Learning summary note. I will combine the deep learning book with the de ...

  3. 共识算法 pos,Dpos

    在之前讲解了比特币中的共识算法pow(proot of work),我们先来简单的回顾一下. 新的交易将会广播给所有节点. 每个节点将都会讲新的交易收集到一个区块中. 每个节点都在为其区块收集困难的工 ...

  4. 使用Promise链式调用解决多个异步回调的问题

    使用Promise链式调用解决多个异步回调的问题 比如我们平常经常遇到的一种情况: 网站中需要先获取用户名,然后再根据用户名去获取用户信息.这里获取用户名getUserName()和获取用户信息get ...

  5. 在mysql启用远程连接

    1.在ubuntu下面安装mysql. apt-get install mysql-server mysql-client -y 2.修改/etc/mysql/my.cnf文件. #bind-addr ...

  6. 判断滚动条滚动到document底部

    滚动条没有实际的高度.只是为了呈现效果才在外型上面有长度. 在js当中也没有提供滚动条的高度API. 参考了网上有关资料:判断滚动条到底部的基本逻辑是滚动条滚动的高度加上视口的高度,正好是docume ...

  7. xpath获取块元素下<br>下的信息

    再爬虫取字段的时候遇到一种类似下面的结构: <p> <br> "通用名称:xxxxxx" </p> 用xpath取的方式://p//text() ...

  8. 用svmpredict输出的结果为空

    源程序:

  9. Calendar简单用法

  10. 分布式消息队列RocketMQ&Kafka -- 消息的“顺序消费”

    在说到消息中间件的时候,我们通常都会谈到一个特性:消息的顺序消费问题.这个问题看起来很简单:Producer发送消息1, 2, 3... Consumer按1, 2, 3...顺序消费. 但实际情况却 ...