jquery的相关用法
选择器
基本选择器
1.id选择器
$('#id1')找到id为id1 的标签
2.class选择器
$('.class1')找到class中有class1这个类的标签
3.标签选择器
$('tag') 找到tag标签
4.标签+class
$('div.class1') 找到class中有class1这个类的div标签
5.组合选择器
$("#id, .className, tagName")
基本筛选器 对选择的标签进行条件筛选
$('div:first')
$('div:last')
$('div:odd')
$('div:even')
$('div:eq(index)')
$('div:gt(index)')
$('div:lt(index)')
$('li:not(:基本筛选器元素)') $('li:not(:eq(2))')
$('li:not("基本选择器元素")') $('li:not("#l2")')
$('div:has("标签名")') $('li:has(div)')
属性选择器:基于属性进行选择
$('[attribute]')
$('[attribute=value]')
$('[attribute!=value]')
表单选择器 针对input/select
$(':text')
$(':password')
$(':submit')
$(':radio')
$(':checkbox')
选择器方法
$('').next()
$('').nextAll()
$('').nextUntil("标签/id")
$("#id").prev()
$("#id").prevAll()
$("#id").prevUntil("#i2")
$("#id").parent()
$("#id").parents()
$("#id").parentsUntil('body')
$("#id").children();
$("#id").siblings();
$('').find()
$('').filter()
标签操作
样式操作
class操作
对象.addClass('c1')
对象.removeClass('c1')
对象.hasClass('c1')
对象.toggleClass('c1')
css()
对象.css('color','red')
对象.css({'color':'red','font-size':'100px'})
位置操作 相对body标签
offset() 相对于最上和最左边的距离 offset({top:200,left:200})
position() 相对于父级标签(设置了position:relative或absolute)
$(window).scrollTop()
绑定滚动事件
$(window).scroll(function(){})
绑定click事件
对象.click(function(){})
尺寸
对象.height() content的高度
innerHeight() content的高度 + padding的高度
outerHeight() content的高度 + padding的高度 + border高度
文本操作
text('值')
html('值')
值得操作
对象.val() 多选checked的坑:1.for循环来取值 2.$('input:checked')
对象.val([1,2])
对象.val('2')
对象.val('文本')
值操作
<input type="radio" name="one" value="1">A
<input type="radio" name="one" value="2">B
<hr>
<input type="checkbox" name="hobby" value="1">a
<input type="checkbox" name="hobby" value="2">b
<input type="checkbox" name="hobby" value="3">c
<input type="checkbox" name="hobby" value="4">d
<hr>
<select name="city" id="">
<option value="1">Beijing</option>
<option value="2">Shanghai</option>
<option value="3">Guangzhou</option>
<option value="4">Shenzhen</option>
<option value="5">Hangzhou</option>
</select>
<hr>
<select multiple name="Province" id="">
<option value="1">Hebei</option>
<option value="2">Henan</option>
<option value="3">Hubei</option>
<option value="4">Hunan</option>
<option value="5">Sichuan</option>
</select>
1.radio
获取值:$(':radio:checked').val()
赋值:$(':radio').val([2])
2.checkbox
获取值:$(':checkbox:checked').val()
赋值:$(':checkbox').val([1,2])
3.select
获取值:$("[name=city]").val()
赋值:$("[name=city]").val(3)
4.select multiple
获取值:$("[name=Province]").val()
赋值:$("[name=Province]").val([1,4])
jquery的相关用法的更多相关文章
- $.ajax等相关用法
下面是jquery一些方法的相关用法: $.ajax: $.ajax({ type: "GET", url: "url", data: {username:$( ...
- jquery.cookie.js 用法
jquery.cookie.js 用法 一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 j ...
- jquery的is用法
JQuery 中 is(':visible') 解析及用法 javascript代码$(document).ready(function() { $('#faq').find('d ...
- slf4j log4j logback关系详解和相关用法
slf4j log4j logback关系详解和相关用法 写java也有一段时间了,一直都有用slf4j log4j输出日志的习惯.但是始终都是抱着"拿来主义"的态度,复制粘贴下配 ...
- Jquery remove 高级用法
Jquery remove 高级用法 html 代码 <div class="file-image">abc1111</div><div class= ...
- oradmin相关用法
[转]oradmin相关用法 创建例程: -NEW -SID sid | -SRVC 服务 [-INTPWD 口令] [-MAXUSERS 数量] [-STARTMODE a|m] [-PFILE 文 ...
- #ifdef预编译相关用法
#ifdef预编译相关用法主要有:(1)#ifdef XXX executing the corresponding xxx code #endif(2)#ifdef XXX executing th ...
- jQuery $.post $.ajax用法
jQuery $.post $.ajax用法 jQuery.post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求 参数: url (Stri ...
- aspx中的表单验证 jquery.validate.js 的使用 以及 jquery.validate相关扩展验证(Jquery表单提交验证插件)
这一期我们先讲在aspx中使用 jquery.validate插件进行表单的验证, 关于MVC中使用 validate我们在下一期中再讲 上面是效果,下面来说使用步骤 jQuery.Valid ...
随机推荐
- element-ui的那些坑与总结
tags: 默认情况下,下划线是文本宽度 如果要加宽,则可以设置文本(label)的padding, 常规情况下,无法改label宽度,因为他是动态计算的 不过,可以通过自定义,把label拿出来,自 ...
- day48-python爬虫学习三
Python的urllib和urllib2模块都做与请求URL相关的操作,但他们提供不同的功能.他们两个最显着的差异如下: urllib2可以接受一个Request对象,并以此可以来设置一个URL的h ...
- lua 基础 之 坑一样的地方
-- local 局部-- local表=全局表,是同一个表,这主要是由于lua的表机制是匿名的,相当于函数的指针,local foo = foo,-- 即使本地foo没有在全局_G注册,还是引用的是 ...
- react-redux-reducer
reducer是对dispatch(action)的响应,是一个纯函数,接受旧的state和action,返回新的state. //纯函数要注意的点,下面的例子myname不变 <script& ...
- MapReduce(二) MR的高级特性-序列化、排序、分区、合并
一.序列化 (*) 核心接口:Writable接口.如果有一个类实现了Writable接口,就可以作为Map/Reduce的key和value. 举例: 读取员工数据,生成员工对象,直接存储 ...
- vue项目总结
1.项目的结构
- python字符串编码理解(转载)
(转载)字符编码和python使用encode,decode转换utf-8, gbk, gb2312 (http://www.cnblogs.com/jxzheng/p/5186490.html) A ...
- 测试使用 Open Live Writer写博客
这里测试文字的显示: 第一段 第二段 第三段 这里测试图片的显示: 这里测试视频的显示: 测试不了,是不是版权问题?
- php websocket
php websocket项目开发,推荐使用:Workerman 本片内容使用Workerman实现了简单的及时聊天功能,具体代码如下: <?php // phpinfo(); header(' ...
- seckill(1)秒杀系统主要步骤