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的一些东西的更多相关文章

  1. jQuery漏掉的东西

    prop和attr的区别 attr一般都用来设置和操作元素的自定义属性的,而prop一般都是操作元素的内置属性的(尤其是表单元素的操作我们大部分都在使用prop) each 可以遍历jQuery集合中 ...

  2. Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

    jquery取radio单选按钮的值 $("input[name='items']:checked").val();  另:判断radio是否选中并取得选中的值 如下所示: fun ...

  3. $(document).ready(){}、$(fucntion(){})、(function(){})(jQuery)onload()的区别

     1.首先说JQuery的几个写法  $(function(){     //do someting   });   $(document).ready(function(){     //do so ...

  4. jquery获取input表单值的代码

    [导读] jquery取radio单选按钮的值$("input[name=items]:checked") val();jquery radio取值,checkbox取值,sele ...

  5. jQuery Mobile 脚本加载问题

    刚开始使用jQuery Mobile,发现很多问题需要重新考虑,比如脚本加载问题. 在普通html中,如果a.html中有链接到b.html,b.html中有类似代码: $(document).rea ...

  6. JQuery的$命名冲突详细解析

    在Jquery中,$是JQuery的别名,所有使用$的地方也都可以使用JQuery来替换,如$('#msg')等同于JQuery('#msg')的写法.然而,当我们引入多个js库后,在另外一个js库中 ...

  7. 仿写Windows7桌面和任务栏 HTML5+CSS3+Jquery实现

    过去一段时间零零散散的自学了一点点jquery的相关用法,基本上属于用到哪个了,就去查然后就学一点,没有系统的学过,深入的用法也不是特别了解,毕竟javascript基础就比较薄弱.经过一段时间的零敲 ...

  8. (function(){})(jQuery)的功能和用途?

    1.为什么开发插件都这么写? 2.为什么要穿jQuery进去?在方法中直接用jquery的方法什么的不行吗? 1 首先(function(){})()这种写法 是创建了一个匿名的方法并立即执行(fun ...

  9. read和onload jquery.val

    $(document).load(); 当web页面以及其附带的资源文件,如CSS,Scripts,图片等,加载完毕后执行此方法.常用于检测页面(及其附带资源)是否加载完毕. $(document). ...

随机推荐

  1. input text 只能输入数字

    添加 onkeyup="value=value.replace(/[^\d]/g,'')"

  2. [leetcode]49. Group Anagrams变位词归类

    Given an array of strings, group anagrams together. Example: Input: ["eat", "tea" ...

  3. Python之ftp服务器

    今天把做的ftp服务器过程总结一下,先看看要求 一.需求 1. 用户加密认证 2. 允许同时多用户登录 3. 每个用户有自己的家目录 ,且只能访问自己的家目录 4. 对用户进行磁盘配额,每个用户的可用 ...

  4. 为什么说Redis是单线程的以及Redis为什么这么快!

    参考文章:https://blog.csdn.net/xlgen157387/article/details/79470556 redis简介 Redis是一个开源的内存中的数据结构存储系统,它可以用 ...

  5. Python3实战系列之八(获取印度售后数据项目)

    问题:续接上一篇.说干咱就干呀,勤勤恳恳写程序呀! 目标:此篇开始进入正题了.为实现我们整个项目功能而开始实现各个子模块功能.首先实现第一篇列出的分步功能模块的第五步: 5.python连接SQL S ...

  6. [UWP/WPF]在应用开发中安全使用文件资源

    在WPF或者UWP应用开发中,有时候会不可避免的需要操作文件系统(创建文件/目录),这时候有几个坑是需要大家注意下的. 创建文件或目录时的非法字符检测 在Windows系统中,我们创建文件时会注意到, ...

  7. mybatis环境配置与入门例子

    1.jar包的导入 mybatis需要jar包:mybatis-3.4.6.jar mysql驱动jar包:mysql-connector-java-5.1.34.-bin.jar 日志记录jar包: ...

  8. 算法入门:最大子序列和的四种算法(Java)

    最近再学习算法和数据结构,推荐一本书:Data structures and Algorithm analysis in Java 3rd 以下的四种算法出自本书 四种最大子序列和的算法: 问题描述 ...

  9. openresty + lua 1、openresty 连接 mysql,实现 crud

    最近开发一个项目,公司使用的是 openresty + lua,所以就研究了 openresty + lua.介绍的话,我就不多说了,网上太多了. 写这个博客主要是记录一下,在学习的过程中遇到的一些坑 ...

  10. SpringCloud-Eurake坑

    首先遇到的问题 Eurake单台部署,很容易出现自我保护,发现web管理页面一大串红字警告 这个问题通过关闭自我保护机制可以简单解决..一般集群部署不会出现 eureka: server: renew ...