JQuery学习五
获取样式attr("myclass")
移除样式removeClass("myclass")
增加样式addClass("myclass")
toggleclass()如果有样式就移除，没有就添加
radioButton取值
$(":radio[name=v]:checked").val();
radioButton设值
$(":radio[name=v]").val(["value"]);
checkbox多选方式
$(":checkbox").val(["value1","value2"]);
$().mouseenter()和$()mouseleave()事件的合体
$().hover(event1,event2);是标明鼠标进入和鼠标离开的事件
事件冒泡是从里往外冒
阻止冒泡。
如果想获得事件相关的信息，只需要在函数中添加一个参数就行。
通过这个参数可以读取事件的信息。
e.stopPropagation()方法
window.event.returnVale=false;//在不同的浏览器中也具有不同的反应。
用Jquery封装的PreventDefaul（）方法可以解决这个问题
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>preventDefault()案例</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("a").click(function (e) { alert("所有的超链接都是被禁止的"); e.preventDefault();});
})
</script>
</head>
<body>
<a href="www.qq.com">腾讯</a>
<a href="www.163.com">163.com</a>
<a href="www.jquery.com">JQuery</a>
<a href="www.wangyi.com">网易</a>
</body>
</html>
参数化
jquery是$的全写
pageX pageY target获得触发事件的元素
which 如果是鼠标事件获得按键（1左键2中键3右键）
altKey shiftKey ctrlKey获得alt shift ctrl是否按下为bool
keyCode charCode判断发生相应事件的属性值
判断按键的值
bind()是绑定事件=》 +=
.unbind（）事件可以移除控件上所有的事件，.unbind("click");只是移除click属性
unbind() =>-=
<input type="button" id="xianyi"value="测试one"/>
<input type="button" id="setou" value="移除" />
targeet 监听是最原始的事件发生的。this是监听当前的事件
<script type="text/javascript">
$(function () {
$("#xianyi").bind("click", function () {
alert("这个世界太黑暗l")
});
$("#setou").click(
function () { $("#xianyi").unbind("click")
})})
</script>
跟着鼠标移动的图像
<body>
<img src="data:images/left.jpg"width="200"height="200"id="move" style="position:absolute"/>
<script type="text/javascript">
$(function () {
$(document).mousemove(function (e) {
$("#move").css("left",e.pageX).css("top",e.pageY)});
})
</script>
</body>
动态的隐藏或者显示
<p id="sh">“此前国税总局的确派出调研组对部分城市的房地产行业相关税种进行调研，并对二手房交易环节各税种的税收情况做了详细的摸底。”东部某省会城市政府部门的一位官员告诉记者，从国税总局调研期间透露的情况来看，国税总局确实有计划对二手房交易营业税做出调整，但是否会在今年年底出台仍要视市场情况而定。
一位接近国税总局的知情人士则表示，二手房营业税政策在年底前进行调整的可能性很大，预计在调整方向上国税总局会给出一个比较宽泛的政策基调，但具体落地政策还需要各地出台。
“近期，我们多次给相关部委和地方政府提供二手房交易数据，从目前的市场情况来看，二手房的成交状况在经历了10月份的短暂回暖之后，目前仍不容乐观。”链家地产一位高层告诉记者，从全国层面来看，在二手房的相关税费政策中，营业税的免征期限具有较大调整空间。
日前，部分城市二手房市场再次呈现出成交放缓的趋势。以北京为例，伟业我爱我家市场研究院16日统计显示，11月上半月，北京市二手住宅网签量为4662套，环比10月下半月回落31.5%，与9月相比回落幅度达21.7%。
伟业我爱我家副总裁胡景晖认为，就北京现阶段二手房的区位和价格来说，整体总价依然较高。在银行房贷七折利率优惠难以落地、贷款成本偏高的情况下，未来一段时间二手房交易量或将回归平淡，议价空间或将进一步增大，二手房价也将出现稳中有降。
按照营业税暂行条例规定，目前商品房过户已满2年但未满5年的二手房交易，统一按销售收入全额征税。以一套市场成交价格100万元的普通住宅为例，超过2年但未满5年，出售时需要缴纳5%的营业税即5万元，同时以5万元营业税为基准，分别还需要缴纳6%的城建税、3%的教育税和2%的地方教育附加税，共0.55万元。</p>
<input value="click"type="button"id="clickshi"/>
<script type="text/javascript">
$(function () {
$("#clickshi").click(function () {
$("#sh").toggle(10000)});
})
</script>
qq模仿
<style type="text/css">
.qqhead{
font-size:30px;
color:deepskyblue;
background-color:red;
cursor:pointer;
width:30%;
}
.content {
font-size: 20px;
color: blue;
border-style: solid;
width: 30%;
}
ul{list-style-type:none;}
</style>
<!--加载文件-->
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("#ul1 li:even").addClass("qqhead").click(function () { $(this).next("li.content").toggle().siblings("li.content").hide()});
$("#ul1 li:odd").addClass("content").click();
$("#ul1 > li:first").click();
})
</script>
</head>
<body>
<div id="qq">
<ul id="ul1">
<li>我的好友</li>
<li>张三<br />小王<br />小刘</li>
<li>亲人栏</li>
<li>张三<br />小王<br />小刘</li>
<li>大学同学</li>
<li>张三<br />小王<br />小刘</li>
<li>小学同学</li>
<li>张三<br />小王<br />小刘</li>
<li>高中同学</li>
<li>张三<br />小王<br />小刘</li>
<li>陌生人</li>
<li>张三<br />小王<br />小刘</li>
</ul>
</div>
</body>
</html>
JQuery学习五的更多相关文章
- jQuery学习(五)——使用JQ完成复选框的全选和全不选
1.在系统后台进行人员管理时,进行批量删除,使用jq完成全选和全不选 步骤分析: 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件 第四步:将下面所有的复选框 ...
- jquery 学习(五) - CSS 操作
HTML + CSS 样式 /*CSS样式*/<style> body{ margin: 0; } div{ width: 100%; height: 2000px; background ...
- 初步学习jquery学习笔记（五）
jquery学习笔记五 jquery遍历 什么是遍历? 从某个标签开始,按照某种规则移动,直到找到目标标签为止 标签树 <div> <ul> <li> <sp ...
- 第二十五篇 jQuery 学习7 获取并设置 CSS 类
jQuery 学习7 获取并设置 CSS 类 jQuery动态控制页面,那么什么是动态呢?我们就说一下静态,静态几乎又纯html+css完成,就是刷新页面之后,不会再出现什么变动,一个实打实的静态 ...
- jquery学习笔记(五)：AJAX
内容来自[汇智网]jquery学习课程 5.1 ajax AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新. AJAX = 异步 JavaScript 和 XML ...
- jQuery 学习笔记
jQuery 学习笔记 一.jQuery概述 宗旨: Write Less, Do More. 基础知识: 1.符号$代替document.getElementById( ...
- jQuery学习笔记（一）：入门
jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操 ...
- JQuery学习笔记——层级选择器
JQuery学习笔记--层级选择器 上一篇学习了基础的五种选择,分别是id选择器,class选择器,element选择器,*选择器 和 并列选择器.根据手册大纲,这篇学习的是层级选择器. 选择器: 1 ...
- 第二十六篇 jQuery 学习8 遍历-父亲兄弟子孙元素
jQuery 学习8 遍历-父亲兄弟子孙元素 jQuery遍历,可以理解为“移动”,使用“移动”还获取其他的元素. 什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师 ...
随机推荐
- mahout协同过滤算法各接口
Mahout协同过滤算法 Mahout使用了Taste来提高协同过滤算法的实现,它是一个基于Java实现的可扩展的,高效的推荐引擎.Taste既实现了最基本的基于用户的和基于内容的推荐算法,同时也提供 ...
- 技能get，React的优雅升级！
今日,我们不啖鸡汤,不饮鸡血 只有干货——关于React的优雅升级 双手奉上,来,干了! -2019年第4期- 夫 子 说 本次升级基础包情况:react 15.6 -> 16.6 升级流程: ...
- 【转载】2015Android 面试题 01
1.如何避免ANR? 答:ANR:Application Not Responding,五秒在Android中,活动管理器和窗口管理器这两个系统服务负责监视应用程序的响应. 当出现下列情况时,Andr ...
- 衡量失业:失业率(Unemployment Rate)
定义 劳动力 = 就业人数 + 失业人数 失业率 = (失业人数 / 劳动力) * % 劳动力参与率 = (劳动力 / 成年人口) * %
- Internet History
Alan Turing and Bletchley Park Top secret breaking effort(二战破译希特勒密码) 10,000 people at the peak(team ...
- (转)Android SearchView 搜索框
如果对这个效果感觉不错, 请往下看. 背景: 天气预报app, 本地数据库存储70个大中城市的基本信息, 根据用户输入的或通过搜索框选取的城市, 点击查询按钮后, 异步请求国家气象局数据, 得到返回的 ...
- Java之I/O流(第1部分)
Java 中的I/O流: 1. 输入/输出流原理: 如下图所示:在 java 程序中,对于数据的输入/输出操作以“流”(Stream)的方式进行:J2SDK 提供了各种各样的“流”类,用来获取不同种类 ...
- 3dContactPointAnnotationTool开发日志（三）
今天的目的是把obj文件导到场景里.具体将制定路径的obj文件导进去我用的是这个方法.导进去后呈现的是一个黑色的影子. 导入后还想实现一下缩放功能,请看这个方法.缩放实现起来也很简单. 光 ...
- sublime Text3 如何自动排版代码
安装 html beautiful 然后按ctrl+shift+alt+f
- Cacti自定义脚本，监测Docker信息（Script/Command方式）
一 环境背景 监控主机A:192.168.24.231:被监控主机B:192.168.24.233 A/B主机,通过公私钥建立ssh连接 [操作B主机时不需要输入密码,详见笔记:http://app. ...