关于jQuery的一些东西
1.jQuery的选择器学习
基本选择器
id选择器
$("#id名") 返回的是存储了指定的HTML元素对象的数组
标签选择器
$("标签名") 返回的是存储了指定标签的数组类选择器:
类选择器
$(".类选择器") 返回的是使用了相同类选择器的HTML元素对象
组合选择器
$("选择器,选择器,选择器,.....") 返回的是所有选择器所指定的HTML元素对象。
层级选择器
祖先获取所有后代:
$("选择器标签名") 返回的是选择器下的所有指明的后代元素。
选择所有子元素
$("选择器>选择器") 返回的是所有的子元素
选择紧跟的元素
$("选择器+选择器") 返回的是紧跟的元素
选择后面所有的元素
$("选择器~选择器") 返回所有后面的元素(了解)
简单选择器
选择第一个元素:
$("选择器:first") 返回第一个HTML元素选择最后一个
$("选择器:last") 返回第一个HTML元素
去除某个元素:
$("选择器:not(选择器)") 去除选择的HTML元素中的某些元素
奇数偶数
$("选择器:even") 返回角标为偶数的HTML元素
$("选择器:odd") 返回角标为奇数的HTML元素
指定角标
$("选择器:eq(角标)")返回指定角标的HTML元素对象大于角标
$("选择器:gt(角标)")返回大于指定角标的HTML元素小于角标
$("选择器:lt(角标)")返回小于指定角标的HTML元素
内容选择器
包含:
选择器:contains("内容")返回包含指定内容的元素
内容为空:
选择器:empty 返回内容为空的元素对象
含有指定元素对象
选择器:has(选择器) 返回含有指定的元素的元素对象
不为空的元素
选择器:parent 返回内容不为空的元素
可见性选择器
匹配隐藏
$("选择器:hidden") 返回隐藏的HTML元素
匹配可见
$("选择器:visible") 返回可见的HTML元素
属性选择器
属性:$("选择器[属性名]") 返回具备某些属性的HTML元素
属性值:$("选择器[属性名=值]") 返回具备属性且属性值为特定值的HTML元素
不等于特定值$("选择器[属性名!=值]") 返回具备属性且属性值不等于特定值的HTML元素
子元素选择器
表单选择器
2.JQuery操作元素的属性
获取:
对象名.attr("属性名") 返回属性值。返回的是默认值
注意:
如果要获取用户数据使用对象名.val()
修改
对象名.attr("属性名","新的值")
注意:
使用jQuery对象获取紧跟的元素:对象名.next() //返回的是紧跟的jQuery对象
3.JQuery操作元素的内容
获取:
元素对象.html() 返回元素的所有内容包括HTML标签
元素对象.text() 返回所有的文本内容,不包括HTML标签
修改
元素对象.html("新的内容") 会覆盖原有内容,解析HTML标签
元素对象.text("新的内容") 覆盖原有内容,不解析HTML标签
注意:
如果是追加则使用
元素对象.html(元素对象.html()+"新的内容")
元素对象.text(元素对象.text()+"新的内容")
4.jQuery操作元素的样式
添加:
元素对象.css("样式名","样式值");
元素对象.css({"样式名":"样式值","样式名":"样式值","样式名":"样式值",....})
修改
元素对象.css("样式名","新的样式");
注意:
也可以元素对象名.addClass("类选择器名");
5.jQuery操作文档结构
内部插入:
元素对象名.append("HTML代码") 追加(创建新的节点并追加)
元素对象名.appendTo("选择器") 将制定的元素移动并追加到指定的元素中(将别的节点移动到追加)
元素对象名.prepend("HTML代码") 在前面追加(创建新的节点并追加)
元素对象名.prependTo("选择器") 将制定的元素移动并在前面追加到指定的元素中(将别的节点移动到在前面追加)
外部插入:
元素对象名.after("HTML代码") 在元素之后添加
元素对象名.before("HTML代码") 在元素之前添加
元素对象名.insertAfter("选择器") 将指定的节点移动到指定的元素后
元素对象名.insertBefore("选择器") 将指定的节点移动到指定的元素前
6.jQuery的事件机制
元素对象.bind("事件名",fn) 给指定的元素对象追加指定的事件及监听函数
注意:
js中的是一次添加,多次添加会产生覆盖
jQuery是追加的效果,可以实现给一个事件添加不同的监听函数
元素对象.unbind("事件名") 移除指定的元素对象的指定事件
注意:js添加的事件不能移除
元素对象.one("事件名",fn) 给指定的元素对象添加一次性事件,事件被触发执行一次即失效
注意:可以给事件添加多个一次函数,unBind可以用来解绑
页面载入事件
$(document).ready(fn)页面载入成功之后会调用传入的函数对象
注意:此方法可以给页面载入动态的增加多个函数,不会覆盖
js的实现方式:window.onload=function(){}
7.jQuery的动画效果
show-显示隐藏的匹配元素
hide
toggle
8.jQuery操作表格
操作CheckBox 的选择状态使用prop()方法
prop("checked")//返回选择的状态,选择返回true,未选返回false
prop("checked",true)//置为选择状态
prop("checked",false)//置为未选状态
使用each进行遍历
对象名.each(fn)//在遍历的时候会给每个对象默认执行fn函数
this表示js对象
$(this)表示jQuery对象
parents("标签名")//获取指定的上级元素对象
关于jQuery的一些东西的更多相关文章
- jQuery漏掉的东西
prop和attr的区别 attr一般都用来设置和操作元素的自定义属性的,而prop一般都是操作元素的内置属性的(尤其是表单元素的操作我们大部分都在使用prop) each 可以遍历jQuery集合中 ...
- Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: fun ...
- $(document).ready(){}、$(fucntion(){})、(function(){})(jQuery)onload()的区别
1.首先说JQuery的几个写法 $(function(){ //do someting }); $(document).ready(function(){ //do so ...
- jquery获取input表单值的代码
[导读] jquery取radio单选按钮的值$("input[name=items]:checked") val();jquery radio取值,checkbox取值,sele ...
- jQuery Mobile 脚本加载问题
刚开始使用jQuery Mobile,发现很多问题需要重新考虑,比如脚本加载问题. 在普通html中,如果a.html中有链接到b.html,b.html中有类似代码: $(document).rea ...
- JQuery的$命名冲突详细解析
在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法.然而,当我们引入多个js库后,在另外一个js库中 ...
- 仿写Windows7桌面和任务栏 HTML5+CSS3+Jquery实现
过去一段时间零零散散的自学了一点点jquery的相关用法,基本上属于用到哪个了,就去查然后就学一点,没有系统的学过,深入的用法也不是特别了解,毕竟javascript基础就比较薄弱.经过一段时间的零敲 ...
- (function(){})(jQuery)的功能和用途?
1.为什么开发插件都这么写? 2.为什么要穿jQuery进去?在方法中直接用jquery的方法什么的不行吗? 1 首先(function(){})()这种写法 是创建了一个匿名的方法并立即执行(fun ...
- read和onload jquery.val
$(document).load(); 当web页面以及其附带的资源文件,如CSS,Scripts,图片等,加载完毕后执行此方法.常用于检测页面(及其附带资源)是否加载完毕. $(document). ...
随机推荐
- input text 只能输入数字
添加 onkeyup="value=value.replace(/[^\d]/g,'')"
- [leetcode]49. Group Anagrams变位词归类
Given an array of strings, group anagrams together. Example: Input: ["eat", "tea" ...
- Python之ftp服务器
今天把做的ftp服务器过程总结一下,先看看要求 一.需求 1. 用户加密认证 2. 允许同时多用户登录 3. 每个用户有自己的家目录 ,且只能访问自己的家目录 4. 对用户进行磁盘配额,每个用户的可用 ...
- 为什么说Redis是单线程的以及Redis为什么这么快!
参考文章:https://blog.csdn.net/xlgen157387/article/details/79470556 redis简介 Redis是一个开源的内存中的数据结构存储系统,它可以用 ...
- Python3实战系列之八(获取印度售后数据项目)
问题:续接上一篇.说干咱就干呀,勤勤恳恳写程序呀! 目标:此篇开始进入正题了.为实现我们整个项目功能而开始实现各个子模块功能.首先实现第一篇列出的分步功能模块的第五步: 5.python连接SQL S ...
- [UWP/WPF]在应用开发中安全使用文件资源
在WPF或者UWP应用开发中,有时候会不可避免的需要操作文件系统(创建文件/目录),这时候有几个坑是需要大家注意下的. 创建文件或目录时的非法字符检测 在Windows系统中,我们创建文件时会注意到, ...
- mybatis环境配置与入门例子
1.jar包的导入 mybatis需要jar包:mybatis-3.4.6.jar mysql驱动jar包:mysql-connector-java-5.1.34.-bin.jar 日志记录jar包: ...
- 算法入门:最大子序列和的四种算法(Java)
最近再学习算法和数据结构,推荐一本书:Data structures and Algorithm analysis in Java 3rd 以下的四种算法出自本书 四种最大子序列和的算法: 问题描述 ...
- openresty + lua 1、openresty 连接 mysql,实现 crud
最近开发一个项目,公司使用的是 openresty + lua,所以就研究了 openresty + lua.介绍的话,我就不多说了,网上太多了. 写这个博客主要是记录一下,在学习的过程中遇到的一些坑 ...
- SpringCloud-Eurake坑
首先遇到的问题 Eurake单台部署,很容易出现自我保护,发现web管理页面一大串红字警告 这个问题通过关闭自我保护机制可以简单解决..一般集群部署不会出现 eureka: server: renew ...