首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JavaWeb04-jQuery(Java真正的全栈开发)

获得jQuery对象,底层使用数组进行维护的,可以存放多个对象。 //然后通过get()可以jquery对象转换成 dom对象。参数:数组的下标,可以省略。如果省略下标获得dom 数组。...复合属性选择器 需要同时满足多个条件时使用 7.子元素过滤 :nth-child() 指定孩子 ,1开始。...:disabled 不可使用 :checked 选中的元素(单选框和多选框) :selected 选中的元素(下拉选) 四.属性和样式 属性,类class,html代码/文本/值,css,位置,尺寸...如果没有就添加,如果有就移除。 3.html代码/文本/值 操作的是标签的value属性或者标签体 val() 获得 value属性的值。... val(值) 设置值 html() 获得标签体内容,以标签方式 html(值) 设置内容 text() 获得标签体内容,以文本方式 text(值) 以文本方式设置内容 4.css

2.3K90

前端入门6-JavaScript客户端api&jQuery

如果考虑以后维护方便(把 CSS js 中分离出来)的话,推荐使用类的方式来操作。...html //移除所有子元素 $(".main").html(""); //移除自已,自然子元素也被跟着移除 $(".main").remove(); 查看元素内容(包括标签) console.log...jquery1 查看元素的纯文本内容 console.log($(".main").text());//下面是元素标签和打出的日志 $(".main").prepend("我是第dsfds...jquery2 text() 会返回当前元素内的所有文本内容,包括子孙后代元素所包装的文本内容。...小结 获取元素的内容(包括标签)可用 html(),创建元素时用 $ ("xxx"),如果元素只有一个子元素,那么获取文本内容时可直接用 text(),添加子元素时用 append()。

6K40

jQuery

基本筛选器 表单筛选器 表单对象属性 筛选器方法 案例:菜单栏 样式操作 位置操作 案例:返回顶部 获取尺寸 文本操作 HTML代码 文本值 值 属性操作 文档处理 事件 事件绑定 移除事件 阻止后续事件执行...jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。...文档处理 事件 动画效果 插件 each、data、Ajax jQuery语法 $符号事jQuery中的重要标识 //在JS中可以通过获取先获取标签,然后去使用对应的方法,在jQuery中一样,...) 匹配所有小于给定索引值的元素 :not(元素选择器) 移除所有满足not条件的标签 :has(元素选择器) 选取所有包含一个或多个标签在其内的标签(指的是后代元素找) ps:可以写括号内,也可以点出来...事件替代 * 使用jQuery库的话直接使用on同时绑定这两个事件即可。

6.7K10

JQuery

我的JQuery入门笔记,持续更新…… JQuery是一个封装了很多方法的js库 入口函数 写入口函数防止页面上的标签还没有被渲染出来,js代码就执行了 不同于js,JQuery可以有多个入口函数...div1是一个dom对象 $(div1); JQuery对象转换成dom对象 // 直接使用下标取出来 $divs[0]; // 使用JQuery的get()方法 $divs.get(0); 获取和设置...获取和设置文本 使用text()方法,用法如下: // 获取文本 $('#div1').text() // 设置文本 $('#div1').text('新文本') 获取和设置样式 使用css()方法,...(类名) // 切换类,元素有这个类则删除,没有则添加 toggleClass(类名) 节点操作 使用html()和$() // 无参数,获取到元素的所有内容 html() // 有参数,可以覆盖原有的内容...html("") // html()可以解析标签 // 使用$()函数创建元素,但是创建的元素只在内存中,如果要在页面上显示,就要追加 $()</button

15660

1-选择器与DOM对象

区别二:html()函数不仅仅显示文本,输出的还包括标签对和文本,而text()只有文本。...text("文本插入text()"); 结果: 文本插入html() 文本插入text() 我们可以看到用html(string) 函数赋值的文本,解析了标签对,这也是与... 3.6,remove()函数 移除被选元素,包括所有文本和子节点。 该方法不会把匹配的元素 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。...=== $p // 将移除了的n6追加到body元素内的起始位置 // 虽然在前面n6已经文档中被移除 // 但不会将其jQuery对象中移除,因此我们还可以使用jQuery对象,将n6再次放入文档中...3.8, empty() 函数  被选元素移除所有内容,包括所有文本和子节点。 3.9, replaceWith() 函数  将指定的 HTML 内容或元素替换被选元素。

2.8K110

前端之jQuery

如果一个对象是 jQuery对象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。 $("#i1").html()的意思是:获取id值为 i1的元素的html代码。...对象转成DOM对象 拿上面那个例子举例,jQuery对象和DOM对象的使用: $("#i1").html();//jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML;...--$(window).scrollTop();可在浏览器端输入这段代码获取获取匹配元素相对滚动条顶部的偏移量--> 3.4.3文本操作 文本操作遵循:有就取,没有就添加的原则...HTML代码: html()// 取得第一个匹配元素的html内容 html(val)// 设置所有匹配元素的html内容 文本值: text()// 取得所有匹配元素的内容 text(val)// 设置所有匹配元素的内容..." 通过上例可以看出,text在添加文本的过程中可以将原标签内的文本标签全都覆盖掉。

4.9K21

jQuery基础

jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。...)// 移除所有满足not条件的标签 :has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是后代元素找) 例子: $("div:has(h1)")// 找到所有后代中有h1标签的div...尺寸: height() width() innerHeight() innerWidth() outerHeight() outerWidth() 文本操作 HTML代码: html()// 取得第一个匹配元素的...html内容 html(val)// 设置所有匹配元素的html内容 文本值: text()// 取得所有匹配元素的内容 text(val)// 设置所有匹配元素的内容 值: val()// 取得第一个匹配元素的当前值...用于checkbox和radio prop() // 获取属性 removeProp() // 移除属性 注意: 在1.x及2.x版本的jQuery使用attr对checkbox进行复制操作时会出bug

1.9K120

jQuery

:[object HTML 标签名 Element] ② jQuery 对象: 通过 jQuery 提供的 API 创建的对象,是 jQuery 对象 通过 jquery 包装的 Dom 对象,也是 jQuery...3.jQuery 对象和 Dom 对象使用的区别 JQuery 对象不能使用 DOM 对象的属性和方法 DOM 对象也不能使用 JQuery 对象的属性和方法 4.DOM 对象 和 jQuery 对象互转...元素,返回包含所有的 DOM 元素的 jQuery 对象param 是 DOM 元素:将 DOM 元素对象包装成 jQuery 对象返回(this)param 是标签字符串: 创建标签 DOM 元素对象并包装为...操作标签的属性, 标签文本 方法 描述 attr(name) / attr(name, value) 读写非布尔值的标签属性 prop(name) / prop(name, value) 读写布尔值的标签属性...val() / val(value) 读写标签的 value html() / html(htmlString) 读写标签文本 六、CSS 模块 1. style 样式 方法 描述 css(styleName

10.8K20

day40_jQuery学习笔记_01

使用Ajax以及其他功能 jQuery能够使用户的html页面保持代码和html内容分离 不用再在html里面插入一堆js来调用命令了,只需要定义id即可 jQuery提供API让开发者编写插件,有许多成熟的插件可供选择...,将指定类移除 toggleClass("my")   切换,如果有my类将移除,如果没有该类将添加 4.3、HTML代码/文本/值【掌握】 详解如下: val()       获得value的值...val(text)   设置value的值 html()      获得html代码,含有标签,即获得标签+文本 html(...)   ...设置html代码,如果有标签,将被解析 text()      获得文本值,将标签进行过滤,即只获得文本 text(...)   ...:eq(1)").html(); // 获得html代码,含有标签,即获得标签+文本             // alert($t2);                         // 设置文本

6.6K20

jquery jQuery快速入门

如果一个对象是 jQuery对象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。 $("#i1").html()的意思是:获取id值为 i1的元素的html代码。...对象转成DOM对象 拿上面那个例子举例,jQuery对象和DOM对象的使用: $("#i1").html();//jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML;...)// 移除所有满足not条件的标签 :has(元素选择器)// 选取所有包含一个或多个标签在其内的标签(指的是后代元素找) 例子: $("div:has(h1)")// 找到所有后代中有h1标签的div.../ 找到所有后代中不含a标签的li标签 练习: 自定义模态框,使用jQuery实现弹出和隐藏功能。...HTML代码: html()// 取得第一个匹配元素的html内容 html(val)// 设置所有匹配元素的html内容 文本值: text()// 取得所有匹配元素的内容 text(val)//

16.1K50

看不完的那种!前端170面试题+答案学习整理(良心制作)

19.如何设置css3文本阴影 h1 {text-shadow: 水平阴影,垂直阴影,模糊距离,阴影颜色} 20.如何把元素左侧移动50像素,顶端移动100像素 div{ transform: translate...jquery来选择它们 可以使用标签选择器来选择所有的div元素,$("div")会返回一个包含5个div标签jQuery对象。...p标签内部的超链接a: $('p a') 56.jquery中的detach()和remove()方法的区别 detach()和remove()方法都可以移除一个dom元素: remove()将元素自身移除的同时...,也会移除元素内部的一切,包括绑定的事件以及与该元素相关的jquery数据 detach()虽然可以将元素自身移除,但是它不会删除数据和绑定事件 57.如何利用jquery,来向一个元素添加或移除css...119.如何设置和获取html以及文本的值 使用html()方法,类似于innerHTML属性,可以用它读取或设置某个元素中的HTML内容。

11.4K50
领券