首页 前端知识 jQuery(二①)

jQuery(二①)

2024-03-12 01:03:24 前端知识 前端哥 87 196 我要收藏

一、内容巩固


1.什么是Jquery
本质就是JS.封装可很多功能的JavaScript库.简化了JS的开发
            
2.如何在网页中书写jquery代码
a.将外部js文件--jquery放进项目内部.
b.通过script的src属性引入jquery文件
c.另起一个script标签通过alert($);测试即可.
            
            
            
3.分别讲解text,html,val方法的相关语法
a.text方法,修改或者获取html元素内部的文本值。
常用于:有开区间和闭区间的元素。 例如p标签。 h1标签等。
例如 let a = $("xx").text();表示获取xx元素的本文值
例如 $("xx").text("张三");表示修改xx元素的本文值


b.html方法,修改或者获取html元素内部的html值。
常用于:有开区间和闭区间的元素。 例如p标签。 h1标签等。
例如 let a = $("xx").text();表示获取xx元素的html值
例如 $("xx").text("张三");表示修改xx元素的html值
上述两个方法区别就是:前者只会解析成文本.后者会将文本解析成HTML代码


c.val方法,修改或者获取html元素内部的value值。
常用于:只有开区间的元素,常见于表单元素。 例如input标签等。
例如 let a = $("xx").val();表示获取xx元素的value值
例如 $("xx").val("张三");表示修改xx元素的value值
            
            
4.分别讲解css方法和attr方法和prop方法的相关语法
5.dom对象和jquery对象的区别
6.jquery对象的别名是什么?
 

二、jQuery对象再讲解


$(xxx) 的相关概念
jquery中最常见的函数.  有2个作用:
1. 作为元素选择器 来获取元素.(修改元素。)
只需要要css选择器 通过字符串的形式作为参数传递进行即可
例如$("p")  表示获取所有的p标签
例如$(".p")  表示获取所有class为p的元素
            
2. 预加载函数(文档就绪函数)   先将HTML加载完成 再来执行我  用法:将function作为参数传递即可
如果可以保证js代码在HTML下方. 就可以不用该函数

三、jQuery自创选择器、


jquery不仅可以使用CSS选择器  也有自带的选择器
            
:eq(xxx)选择器   表示获取第xxx个  0表示第一个
$("span:eq(4)").text("~~~")
            
:lt(xxx)选择器   表示获取小于xxx的元素  0表示第一个
$("span:lt(4)").text("~~~")
            
:gt(xxx)选择器   表示获取大于xxx的元素  0表示第一个
$("span:gt(2)").text("~~~")

:not选择器--> 表示获取除了指定位置外的其他元素
$("span:not(:gt(2))").text("~~~");

:even选择器  获取下标为偶数  
$("div:even").css("background-color","Red");
            
            
:odd选择器  获取下标为为奇数
$("div:odd").css("background-color","blue");
            
:first选择器  获取下标为0
$("div:first").css("background-color","yellow");
            
            
:last选择器  获取最后一个
$("div:last").css("background-color","pink");

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3688.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!