首页 > 代码库 > JQuery学习五

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="http://www.mamicode.com/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="http://www.mamicode.com/www.qq.com">腾讯</a>
<a href="http://www.mamicode.com/www.163.com">163.com</a>
<a href="http://www.mamicode.com/www.jquery.com">JQuery</a>
<a href="http://www.mamicode.com/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="http://www.mamicode.com/测试one"/>
<input type="button" id="setou" value="http://www.mamicode.com/移除" />
targeet 监听是最原始的事件发生的。this是监听当前的事件
<script type="text/javascript">
$(function () {
$("#xianyi").bind("click", function () {
alert("这个世界太黑暗l")
});
$("#setou").click(
function () { $("#xianyi").unbind("click")
})})
</script>

跟着鼠标移动的图像

<body>
<img src="http://www.mamicode.com/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="http://www.mamicode.com/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="http://www.mamicode.com/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学习五