广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >一篇文章带你入门和了解Jquery的基础操作
  • 941
分享到

一篇文章带你入门和了解Jquery的基础操作

2024-04-02 19:04:59 941人浏览 泡泡鱼
摘要

目录1.Jquery的使用步骤:(1)导入js库(2)页面载入事件2.Jq对象和js对象的转换(1)js对象------>jq对象(2)jq对象------>js对象3.

1.Jquery的使用步骤:

(1)导入js库


<script src="js/jquery-1.11.3.min.js"></script>​
//js/jquery-1.11.3.min.js   压缩版(推荐)
//js/jquery-1.11.3.js       完整版

(2)页面载入事件


$(document).ready(function(){
    业务操作 ;
});​
//优化后:
$(function(){
    业务操作;
});

2.Jq对象和js对象的转换

(1)js对象------>jq对象


var js对象 = document.getElementById("id属性值");
var $jq对象 = $(js对象)

(2)jq对象------>js对象


var js对象 = $jq对象.get(index) ;

3.jq的基本选择器

//(1)jq的id选择器


$("#id属性值").绑定事件方法(function(){
    业务操作 ;
});

//(2)jq的class选择器


$("#.class属性值").绑定事件方法(function(){
    业务操作 ;
});

//(3)表单选择器


$("选中的input标签[带指定属性的标签]").绑定事件方法(function(){
    业务操作 ;
});

//(4)element选择器


$("元素/标签").html("XXX") ;

4.jq的层级选择器


//后代选择器
$("父标签 子标签")
​
//子元素选择器
$("父元素>子元素")

5.过滤选择器


$("标签:first")               //匹配的是第一个标签
$("标签:even")                //匹配的是从0开始的偶数个标签(0,2,4...)
$("标签:odd")                 //匹配的是从1开始的奇数个元素(1,3,5...)

6.属性选择器


[attribute]                 //匹配的是当前给定的属性的元素
[attribute=value]           //匹配的是给定的属性是某个特定值的元素
[attribute!=value]          //匹配所有不含有指定元素的属性,或属性不等于特定值的元素
[attribute^=value]          //匹配的是以指定元素开始的特定的元素
[attribute$=value]          //匹配以指定元素结尾
[attribute*=value]          //匹配给定的属性是以包含某些值的元素
[selector1][selector2]...[selectorN]
    //符合属性选择器.同时满足多个属性条件的元素

7.jq文档处理


//追加
append(content)             //向每个匹配的元素内部追加内容(推荐)
jq对象.appendTo(comtent)      //把匹配的内容追加到另一个指定元素集合中​
//前置
prepend(content)            //把每个匹配的元素放到content前面去
prependTo(content)          //把所有匹配的元素前置到另一个指定的元素集合中​
//插入
after(content|fn)           //在每个匹配的元素之后插入内容
insertAfter(content)        //将匹配的元素插入到content后面去
before(content)             //将每个匹配的元素之前插入内容
insetBefore(content)        //将每个匹配的元素插入到content之前

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: 一篇文章带你入门和了解Jquery的基础操作

本文链接: https://www.lsjlt.com/news/157358.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 一篇文章带你入门和了解Jquery的基础操作
    目录1.Jquery的使用步骤:(1)导入js库(2)页面载入事件2.Jq对象和js对象的转换(1)js对象------>jq对象(2)jq对象------>js对象3....
    99+
    2022-11-12
  • 一篇文章带你了解C语言:入门基础
    目录C语言本身特点数据类型常量变量变量分类使用小建议生命周期作用域常量分类及其特点字符串+转义字符+注释字符串转义字符两种注释选择循环语句函数数组总结闲话少说,先上思维导图。 如图...
    99+
    2022-11-12
  • 一篇文章带你了解C语言:入门基础(2)
    目录操作符算术操作符移位操作符位操作符单目操作符逻辑反操作!操作符++,--逻辑操作符条件操作符逗号表达式常见关键字typedefexternstatic修饰局部变量修饰全局变量和函...
    99+
    2022-11-12
  • 一篇文章带你深入了解javaIO基础
    目录一.认识IO1.IO的分类2.IO的方式3.IO读写的方式4.IO的特性二.文件操作1.文件的构成2.文件的创建3.文件操作的API使用三.IO流1.流的分类2.流的创建3.流的...
    99+
    2022-11-12
  • 一篇文章带你深入了解Java基础
    目录1、String类1.1两种对象实例化方式1.2字符串比较1.3字符串常量是String的匿名对象1.4String两种实例化方式区别1、分析直接赋值方式2、构造方法赋值1.5字...
    99+
    2022-11-12
  • 一篇文章带你深入了解Java基础(2)
    目录1、Java主要特点2、计算机的高级汇编语言类型:3、JVM(Java Visual Machine)4、编写第一个Java程序并运行5、CLASSPATH指的是类加载路径6、程...
    99+
    2022-11-12
  • 一篇文章带你深入了解Java基础(3)
    目录1、方法的基本定义2、方法重载3、方法的递归调用4、面向对象的前身是面向过程5、类与对象总结1、方法的基本定义 限制条件:本次所讲解的方法指的是在主类中定义,并且由主方法由主方法...
    99+
    2022-11-12
  • 一篇文章带你深入了解Java基础(4)
    目录1、private实现封装处理2、构造方法与匿名对象3、简单java类4、数组总结1、private实现封装处理 如果像想要知道封装,首先必须清楚如果没有封装会怎么样? 没有封装...
    99+
    2022-11-12
  • 一篇文章带你深入了解Java基础(5)
    目录1、数组Java对数组的支持1、数组的排序:java.util.Arrays.sort(数组名称)2、数组的拷贝:指的是将一个数组的部分内容替换掉另一个数组的部分内容总结1、数组...
    99+
    2022-11-12
  • 一篇文章带你了解C++(STL基础、Vector)
    目录STL基本概念STL六大组件STL中容器、算法、迭代器容器算法迭代器初识Vector容器Vector三大遍历算法Vector存放其他数据类型 Vector容器嵌套总结S...
    99+
    2022-11-12
  • 一篇文章带你了解python元组基础
    目录1. 元组基本知识1.元组的基本格式和用法2. 元组操作实例1.建立元组2.查找元素:通过元组下标实现。3.删除元组:对元组的删除时不允许的,可以通过del函数,实现对整个元组对...
    99+
    2022-11-12
  • 一篇文章带你了解python字典基础
    目录1. 字典基础知识字典的基本格式表示字典的键、值设置要求1)键的设置要求2)值的设置要求2. 字典元素增加1.利用赋值给字典增加元素2.利用setdefault()方法给字典增加...
    99+
    2022-11-12
  • 一篇文章带你了解python集合基础
    目录1. 集合类型定义(1)集合是多个元素的无序组合2. 集合操作符 3. 集合处理方法4. 集合类型应用场景(1)包含关系比较(2)数据去重:集合数据所有元素无重复总结1...
    99+
    2022-11-12
  • 一篇文章带你了解python异常基础
    目录1. 程序中的问题1.1 低级语法错误1.2 中介错误:代码存在隐性错误1.3 高级错误:软件面对不确定性的异常错误2. 捕捉异常2.1 基本异常捕捉语句2.2 带finally...
    99+
    2022-11-12
  • 一篇文章带你了解Java基础-抽象
    目录Java基础知识(抽象)抽象抽象定义abstract的使用定义抽象类抽象类的一些注意点总结Java基础知识(抽象) 抽象 抽象是从众多的事物中抽取出共同的、本质性的特征,而舍弃...
    99+
    2022-11-12
  • 一篇文章带你了解Java基础-接口
    目录Java基础知识(接口)接口接口的定义接口和抽象的区别接口的格式接口中的主要成分接口的案例接口与接口的关系JDK 8之后的接口新增方法总结Java基础知识(接口) 接口 Jav...
    99+
    2022-11-12
  • 一篇文章带你了解Java基础-多态
    目录Java基础知识(多态)多态多态的定义和存在的必要条件多态的案例多态的弊端引用类型转换总结Java基础知识(多态) 多态 多态就是指程序中定义的引用变量所指向的具体类型和通过该...
    99+
    2022-11-12
  • 一篇文章带你了解Java Spring基础与IOC
    目录About SpringAbout IOCHello SpringHello.javaBeans.xmlTest.javaIOC创建对象的几种方式Spring import se...
    99+
    2022-11-12
  • 一篇文章带你了解MySQL数据库基础
    目录1. 数据库概念1.1 数据库是干嘛的?1.2 数据库和数据结构是啥关系?1. 数据库是一个软件/程序1.3 两种类型的数据库2. MySQL数据库2.1 MySQL数据...
    99+
    2022-11-12
  • 一篇文章带你入门C语言:操作符
    目录操作符分类算术操作符移位操作符整数存储规则左右移位规则赋值操作符单目操作符取地址操作符& 解引用操作符*类型长度操作符sizeof按位取反操作符~++ -- 操作符强制类...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作