![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端jquery
monica_517
这个作者很懒,什么都没留下…
展开
-
盒子模型的各种高度记录
height:返回元素内容的高度。(根据是不是怪异盒子模型计算高度)offsetheight:它返回的高度是内容高+padding+边框。clientHeight:在页面上返回内容的可视高度(不包括边框,外边距或滚动条)。scrollHeight:返回整个元素的高度,即不设置高度时的,content高度+padding高度。其实就是展开后的clientHeight这个content设置100px,但是显示83,因为还有滚动条,滚动条宽度17px。offsetheight:130 = 内容高100原创 2021-08-15 13:51:04 · 164 阅读 · 0 评论 -
JavaScript Math.random()随机数函数
本文介绍下JavaScript 随机数函数Math.random()的用法,有需要的朋友参考下。本节内容:js随机数函数。Math.random() -- 返回0和1之间的伪随机数random,中文"随机的"的意思random函数语法Math.random();random函数参数无参数random函数返回值返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1)random函数示例document.write(Math.random());返回随机数doc原创 2021-08-15 11:39:25 · 816 阅读 · 0 评论 -
on() 和 click() 的区别:二者在绑定静态控件时没有区别,但是如果面对动态产生的控件,只有 on() 能成功的绑定到动态控件中。以下实例中原先的 HTML 元素点击其身后的 Dele
$("#newclick").click(function(){ $(".li").append('<li>动态添加的HTML元素click<button class="deleteclick">Delete</button></li>'); });$("#newon").click(function(){ $(".li").append('<li>动态添加的HTML元素on<button class="delete...原创 2021-08-14 20:01:02 · 109 阅读 · 0 评论 -
jQuery的get()、map()、map().get().join()简单应用
1 .get()获得由选择器指定的 DOM 元素语法 $(选择器).get(index)参数 规定获取哪个匹配元素(通过 index 编号获取,从0开始)<!DOCTYPE html><html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="tex...原创 2021-08-14 18:25:59 · 410 阅读 · 0 评论 -
【jQuery 遍历】 - map() 方法
构建表单中所有值的列表:$("p").append( $("input").map(function(){return $(this).val();}).get().join(", ") );<!DOCTYPE html><html><head> <style>p { color:red; }</style> <script type="text/javascript" src="/jquery/jquery.js"&g..原创 2021-08-14 18:23:46 · 327 阅读 · 0 评论 -
jquery 选择器 逗号
$(children,parents), 这样的语法,是从parents里面选出children$('div',$(this).parents('div:first')) 的意思是:从this这个dom的parent的第一个(first作用)div里,选出是div的所有子集原创 2021-08-14 18:16:25 · 191 阅读 · 0 评论 -
jq中get()和eq()的区别
:eq(index) 选择器选取带有指定 index 值的元素。 index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。 如:$("p:eq(1)").css("background-color","#B2E0FF");改变第二个q标签背景色.eq(index) 方法选取带有指定 index 值的元素。 index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。 如:$("p").eq(1).css("background-color","#B2E0F.原创 2021-08-14 18:12:54 · 171 阅读 · 0 评论 -
JQ类css选择器
费话不多说,直接上代码jquery 获取元素12$("#test1").parent(); // 父节点$("#test1").parents(); // 全部父节点$("#test1").parents(".mui-content");//返回class为mui-content的父节点$("#test1").children(); // 全部子节点$("#test1").children("#test1"); //返回id为test1的子节点$("#test1").contents();原创 2021-08-05 19:49:33 · 257 阅读 · 0 评论 -
2021-08-05
jquery 获取元素$("#test1").parent(); // 父节点$("#test1").parents(); // 全部父节点$("#test1").parents(".mui-content");//返回class为mui-content的父节点$("#test1").children(); // 全部子节点$("#test1").children("#test1"); //返回id为test1的子节点$("#test1").contents(); // 返回id为test里面的原创 2021-08-05 19:46:36 · 49 阅读 · 0 评论 -
jquery 获取元素(父节点,子节点,兄弟节点)
一、jQuery的父节点查找方法 $(selector).parent(selector):获取父节点 $(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组 $(selector).parents(selector):获取祖先元素二、jQuery的兄弟节点查找方法 $(selector).prev() / $(selector).previousSibling():获取上一...原创 2021-08-05 19:32:37 · 18326 阅读 · 0 评论