JS-Jquery 常用功能
来源:互联网 发布:四声母域名 club 编辑:程序博客网 时间:2024/05/18 00:55
转载自 http://blog.csdn.net/baidu_18607183/article/details/51376085
修改css属性值
$("#id").css('display','block');
增加点击事件
$(function(){
$("input[id=offline]").click(function(){
$("#exportDiv").css("display","block");
});
$("input[id=online]").click(function(){
$("#exportDiv").css("display","none");
});
});
设置可以使用或者不能使用
设置不可以使用
$("#id").attr("disabled","disabled");
可以使用
$("#id").removeAttr("disabled");
多个元素绑定同一个事件
$("#id1,#id2").click(function(){
});
获取input的checked的值
使用prop方法,返回的是布尔值,true表示checked,否则不是
- var checkedOfAll=$("#selectAll").prop("checked");
修改title的值
有时会需要给一些功能附加说明,比如鼠标悬停上去,给个提示之类的。
可以使用
$("#id").attr("title","这是一个提示");
移除使用
$("#id").removeAttr("title");
修改html的内容
$("#ids").html("你好,你已经被修改了");
<div id="ids">原始值</div>
有的时候需要修改html中的内容,使用jquery的html方法即可修改掉。这个会覆盖掉之前的内容
Jquery如何给ul下每个li都加上点击事件
$('ul li').click(function(){ // TODO});
自动触发a标签
删除元素
$("#div1").remove();
Jquery获取子元素
Jquery获取子元素的方法有2种,分别是children()方法和find()方法。下面我们分别来使用这两种方法,看看它们有何差异。
children()方法:获取该元素下的直接子集元素
find()方法:获取该元素下的所有子集元素
分别以以下HTML代码为例:<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>
children()方法获取ul下面直接子集元素li:$("ul").children("li")
需要注意的是,如果li元素下还有li元素,children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”,最后输出结果为3
find()方法获取ul下所有元素li:$("ul").find("li")
需要注意的是,find方法会无限循环查找ul标签节点下的li,一直找到没有为止,用length来测试获取个数“$("ul").find("li").length”,最后输出结果为9
children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。
$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly$('input[name=username]').removeAttr("readonly");//去除input元素的readonly属性
jQuery("input[type='checkbox']:checked")
- JS-Jquery 常用功能
- JS-Jquery 常用功能
- JS/jquery的一些常用功能函数
- js和jQuery的常用功能
- JS-Jquery 常用功能介绍以及实例
- jquery常用功能
- jQuery常用功能大全
- Jquery常用功能
- jQuery-案例常用功能
- Jquery常用的功能
- Jquery常用功能笔记
- Jquery常用功能总结
- Jquery一些常用功能
- jquery常用功能
- jQuery常用小功能
- js常用功能函数
- js 常用小功能
- js常用功能1
- 基于C客户端与多个服务器相连
- android Scroller
- sql依赖注入的解决方案
- 图像布局算法
- vue学习04--[转发]Vuejs中computed、methods、watch的区别
- JS-Jquery 常用功能
- POJ-1932 XYZZY(判正权环路+Warlshell传递闭包)
- 《集体智慧编程》第九章
- 表单标签
- 抽象类和接口的区别
- 文件上传
- 刷题#R5
- (4.1.39)Android屏幕测量:屏幕、状态栏、标题栏
- ios开发之人脸识别(给眼睛打上马赛克)