jQuery操作(一)
基本语法:$(selector).action()
寻找元素(重要的选择器和筛选器)
一:选择器
1.1 基本选择器:
$("*")
$("#id")
$(".class")
$("element")
$(".class,p,div") // (!!!)
1.2 层级选择器:
$(".outer div") //outer 下的所有子元素(!!!)
$(".outer>div") //outer 的子代(不包括孙代)
$(".outer+div") //outer 子代毗邻的元素(如果有多个,选择最后面那个,必须是毗邻的)
$(".outer~div") //outer 向下的不一定毗邻的子代元素
1.3 基本筛选器:
$(".outer li:first") //第一个元素
$(".outer li:eq(2)") //元素 id 等于2(从0开始)
$(".outer li:even") //奇数位置元素
$(".outer li:gt(1)") //id 大于1的元素
1.4 属性选择器:
$('[id="div1"]')
$('["name="Tom"][id]')
1.5 表单选择器:
$("[type='text']")----->$(":text") //注意只适用于input标签
$("input:checked")
二:筛选器
2.1 过滤筛选器:(同基本选择器,只是写法不同)
$("li").eq(2)
$("li").first()
$("ul li").hasclass("test") //返回判断值
2.2 查找筛选器:
//子类继承父类,css()样式跟着变化
2.2.1
$("div").children(".test") //只查找子代标签
$("div").find(".test") //查找所有后代标签
2.2.2 (向下找)
$(".test").next() //同一层挨着下一个标签(兄弟层)
$(".test").nextAll() //同一层下面所有
$(".test").nextUntil() //同一层找到截止到某个位置的所有标签; $(".test").nextUntil(".div6"), 找到下面截止到".div6"位置之前的标签(不包含. div6)
2.2.3 (向上找,同2.2.2)
$("div").prev()
$("div").prevAll()
$("div").prevUntil()
2.2.4
$(".test").parent() //向上找到父代
$(".test").parents() //向上一直找父代,直到 body
$(".test").parentUntil() //向上找父代直到某一层,不包含该层父代
2.2.5
$("div").siblings() //找到兄弟层的所有标签(向上向下)
获取多个标签
// 获取多个标签 function func1(self) {
$(self).parent().parent().children(".shade, .model").addClass("hide")
}
jQuery操作(一)的更多相关文章
- 对jquery操作复选框
摘要:jquery操作复选框.使用更简洁易懂,思路清晰,逻辑更明了,很实用 <!DOCTYPE html> <html> <head> <meta chars ...
- jquery操作表格 合并单元格
jquery操作table,合并单元格,合并相同的行 合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * ...
- input jquery 操作
本文章主要为了总结开发常用的input等常见html的jquery操作,不是为了展示自己多么菜,只为了积累知识,勿喷!!!不断更新中 $(function () { $("input[nam ...
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
本系列文章导航 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得 ...
- Jquery操作cookie,实现简单的记住用户名的操作
一.jquery.cookie.js介绍 jquery.cookie.js是一个基于jquery的插件,一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cook ...
- jQuery入门(2)使用jQuery操作元素的属性与样式
jQuery入门(1)jQuery中万能的选择器 jQuery入门(2)使用jQuery操作元素的属性与样式 jQuery入门(3)事件与事件对象 jQuery入门(4)jQuery中的Ajax()应 ...
- Jquery操作select,左右移动,双击移动 取到所有option的值
$(function () { function MoveItem(fromId, toId) { $("#" + fromId + " option:selected& ...
- 解决jquery操作checkbox全选全不选无法勾选问题
最近在学习中使用jquery操作checkbox,使用下面方法进行全选.反选:$("input[name='checkbox']").attr("checked" ...
- jquery 操作
Jquery使用时要引用,引用时放在最前. Jquery: $代表选择器, $(document) ready(function(e){}):找到页面,页面加载完成后执行. JS选取元素操作内容操作属 ...
- jQuery操作Table tr td常用的方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
随机推荐
- soap 简单调用其他系统的函数
<?xml version ='1.0' encoding ='UTF-8' ?> <definitions name='自定义名称' targetNamespace='目标命名空间 ...
- php json中文被转义
php 5.4 json_encode($str, JSON_UNESCAPED_UNICODE); 5.4版本以下 方法一function encode_json($str){ $code = js ...
- 大型运输行业实战_day13_1_定时任务spring-quartz
1.jar包 拷贝quartz-2.2.3.jar包到项目 2.编写定时任务类TicketQuart.java package com.day02.sation.task; import com.da ...
- Jetty 与 Tomcat 的比较
Tomcat 和 Jetty 都是作为一个 Servlet 引擎应用的比较广泛,可以将它们比作为中国与美国的关系,虽然 Jetty 正常成长为一个优秀的 Servlet 引擎,但是目前的 Tomcat ...
- EasyUI值的清空与获取
清空: 一般值 $("#searchx").val(""); 时间选择框 $('#starttime').datetimebox('setValue', '') ...
- 取消掉maven
- STL::unordered_map/unordered_multimap
unordered_map: 和 unorder_set 相似,该容器内部同样根据 hash value 把键值对存放到相应的 bucket(slot)中,根据单个 key 来访问 value 的速度 ...
- pta l2-5(集合相似度)
题目链接:https://pintia.cn/problem-sets/994805046380707840/problems/994805070149828608 题意:求两个集合的相同的不同元素的 ...
- NumPy 排序、条件刷选函数
NumPy 排序.条件刷选函数 NumPy 提供了多种排序的方法. 这些排序函数实现不同的排序算法,每个排序算法的特征在于执行速度,最坏情况性能,所需的工作空间和算法的稳定性. 下表显示了三种排序算法 ...
- LeetCode第20题
LeetCode20题不多说上代码 public boolean isValid(String s){ Stack<Character> stack = new Stack<Char ...