JQuery 用法总结
1、隐藏与显示,用于div等等
//隐藏id=myTab下的所有li标签
$("#myTab li").hide(); //动画隐藏,1秒内隐藏该对象
$("#myTab li").hide(); //显示class=loginp下的第三个span标签
$(".loginp span:eq(2)").show(); //隐藏ul下的第一个li标签
$("#myTab").find("li:eq(0)").css("display", "none");
$("#myTab").find("li:first").css("display", "none"); //隐藏ul下的最后一个li标签
$("#myTab").find("li:last").css("display", "none");
2、匹配元素
//匹配包含给定属性的元素
//查找所有含有ID属性的div元素
$("div[id]") //匹配给定的属性是某个特定值的元素
//name属性值为basketball的input元素选中
$("input[name='basketball']").attr("checked",true); //匹配给定的属性是不包含某个特定值的元素
//name属性值不为basketball的input元素选中
$("input[name!='basketball']").attr("checked",true);
//此选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not([attr=value])
$("input:not(input[name='basketball'])").attr("checked",true); //匹配给定的属性是以某些值开始的元素
//查找所有 name 以 'foot' 开始的 input 元素
$("input[name^='foot']").attr("checked",true); //匹配给定的属性是以包含某些值的元素
//查找所有 name 包含 'sket' 的 input 元素
$("input[name*='sket']").attr("checked",true); //复合属性选择器,需要同时满足多个条件时使用
//找到所有含有 id属性,并且它的 name属性是以 ball结尾的
$("input[id][name$='ball']").attr("checked",true); //$(":contains(text)") text 为规定要查找的文本。
$("p:contains('cang')"); //匹配所有包含 cang 文本内容的 p 元素
$("p:contains('cang')[innerHTML='cang']"); //contains 方式精确查找,只查找文本内容为 cang 的。
3、更改标签的属性和值。
//更改id=A1的onclick属性
$("#A1").attr("onclick", "javascript:void(0);");
document.getElementById("A1").setAttribute("onclick", "javascript:void(0);"); //更改id=A1的href属性
$("#A1").attr("href", "javascript:getcc();"); //更改id=A1的span标签的值
$("#A1 span").html("Hello World"); //更改id=A1的td的值
$("#A1").html("<span style=\"color: red;font-size:large;align=center;\">Hello World</span>"); //更改class=A1的div的值
$(".A1").html("Hello World"); //更改textarea标签的值
$("#textatrea1").val("Hello World");
4、锁死input框,disabled的属性
//锁死id=A1的input
$("#A1").attr("disabled", "disabled"); //打开
$("#A1").attr("disabled", false);
5、each遍历
//遍历所有
$("*").each(function() {
}); //遍历所有Class=ssss的
$(".ssss").each(function() {
//判断td的值=
if ($.trim($(this).text())=="Hello World") {
//查找td的上一级,然后找到并修改第2个td的值
$(this).parent().find("td:eq(1)").text("Hello World Too");
}
}); //遍历所有type=text
$(":text").each(function() {
}); //遍历所有div
$("div").each(function() {
});
6、选中单选框,获取单选框的选中值
//选中第一个值
$("input[name=IS_PGXM]").get().checked = true;
//获取选中的值
var type = $("input[name='type']:checked").val();
7、修改form的action,并提交
$("#Form1").attr("action","/Home/Index");
$("#Form1").submit();
8、添加、删除class
//直接添加class属性
$(’#id’).addClass(’demo’);
//先隐藏再删除class属性
$(’#id’).hide().removeClass(’demo’);
9、当文档载入完毕再执行
//当文档载入完毕再执行
$(function(){ }
10、用jQuery写一段代码,查找id为content的下一个兄弟节点里面class为line的所有DOM元素,并让这些DOM依次隐藏(间隔50毫秒)
var $lines = $("#content").next().find(".line");
for (var i = 0; i < $lines.length; i++) {
(function($this,i){
setTimeout(function(){
$this.hide();
},i*50)
})($($lines[i]),i)
}
11、给class为A1增加居中属性
$(".A1").css("text-align", "center");
12、去掉空白
$.trim(" abc ") //结果:abc function trim(str) {
return str.replace(/(^\s+)|(\s+$)/g, "");
}
trim(" abc ") //结果:abc
13、弹出框(与JQuery无关)
window.prompt("请输入昵称!")
JQuery 用法总结的更多相关文章
- 总结几个关于 jQuery 用法
有关 jquery 用法 目录: $.trim() $.inArray() $.getJSON() 事件委托 on 遍历closest() ajaxSubmit() 拖拽排序 dragsort() 进 ...
- JS和jQuery用法区别
目录 JS和jQuery用法区别 外观区别 查找元素 操作标签 操作内容 操作属性 操作位置 操作样式 事件 JS和jQuery用法区别 外观区别 jQuery与JS最直观的区别就是外观上jQuery ...
- jQuery用法小结
jQuery加载1.$(document).ready()2.添加css样式:单个:$("p").css("color","red"); 多 ...
- jquery用法大全
jQuery 选择器 选择器 实例 选取 * $ ...
- (ajax)——jquery用法
例子:/* ajax获得状态 */ 点击事件 $("#findBycname").click(function(){ var company = ...
- jquery用法第二波
过滤器 属性过滤选择器: $("div[id]")选取有id属性的<div> $(“#id”) $("div[title=test]")选取titl ...
- jquery用法初探
JQuery选择器 JQuery选择器用于查找满足条件的元素,比如可以用$(“#控件Id”)来根据控件id获得控件的jQuery对象,相当于getElementById: 1.id 选择器 $(“ ...
- jquery $用法
//页面刷新时,根据筛选条件中已有的项给下面条件添加样式 window.onload = function() { $("input.query1").each(function( ...
- Jquery用法
$this.closest("dd").addClass("selected").siblings().removeClass("selected&q ...
随机推荐
- yum-plugin-priroites这个插件的一个文件。
yum源优先级的一个文件.是yum-plugin-priroites这个插件的一个文件.用来给yum源分优先级的.比如你在centos下有centos,epel,rpmfusion三个yum源.三个y ...
- iOS开发中的错误整理,导航控制器的导航栏取消系统渲染的错误
- C#NetRemoting双向通信
闲来无事想玩玩双向通信,实现类似QQ的互发消息的功能.于是乎开始学习.Net Remoting. .Net Remoting 是由客户端通过Remoting,访问通道以获得服务端对象,再通过代理解析为 ...
- Unity3D深入浅出 -创造 物理材质(Physics Materials)
在Unity3d中已经配置好了5种常用的物理材质,Bouncy.Ice.Metal.Rubber.Wood,在菜单中依次选择Assets - Import Package - Physics Mate ...
- opencv实例三:播放AVI格式视频
一.不带滚动条的视频读取播放. 1.原理介绍:视频的本质是一些静态的图像的集合,opencv可以不断读取视屏中的图片,显示,就可以实时的视频流进行处理了. 2.代码如下: /************* ...
- circso 对数据进行可视化
circos可以用来绘制圈图,能够对染色体上的数据进行可视化,首先需要一个染色体的文件 染色体的文件如下,每列之间空格分隔 chr - chr1 chr1 chr - chr2 chr2 chr - ...
- 配置OpenGL的开发环境
OpenGL库资源下载 http://pan.baidu.com/s/1ntVsReL 环境搭建 将下载好的文件进行解压,可以得到后缀为.h..lib..dll三类文件,对这三类文件作如下处理: 将所 ...
- 动态调用WCF不添加服务(svcutil.exe)
记录下 首先用svcutil.exe把指定wcf接口的信息下载下来. 生成代理类 比如说接口地址为 http://localhost:6666/Service1.svc 以管理员身份打开cmd 执形 ...
- Sqlserver2005:深入了解php执行sqlserver存储过程procedure:odbc_exe、odbc_execute
以下存储过程(伪代码): -- 伪代码,假设相关操作是成功的 alter procedure pr_test as begin set nocount on update tab set col='n ...
- SRCNN之后的深度学习超分辨率
SRCNN开山之作 IDN 信息蒸馏网络information distillation network(IDN) Fast and Accurate Single Image Super-Resol ...