w3h5

Tag "jquery" 相关内容 共2页,当前第1页

经验总结

jQuery动态添加/删除元素及内容

1

Deshun 发布于 6个月前 (06-22)   阅读(955)   评论(0)   赞 (1)  

jQuery动态添加/删除元素及内容

添加元素/内容:通过 jQuery ,可以很容易地添加新元素/内容。添加新的 HTML 内容,四种方法:可根据上面的图片来区分四种方法插入元素的位置。append() 方法:在被选元素的结尾插入内容(被选元素内)。实例:$("p").append("Some appended text.");jQu...

经验总结

jQuery/JS判断/设置checkbox的选中状态

Deshun 发布于 7个月前 (05-27)   阅读(7476)   评论(0)   赞 (4)  

项目中经常遇到 checked 选中的问题,可以通过 JS 或者 jQuery 实现。1、JS 方法判断选中:var check = document.getElementsByTagName('input')[0]; console.log(check.checked);//false因为HTML代码中没有设置 checked 属性值,所以默认返回...

经验总结

jQuery选择器详解:获取当前元素的兄弟元素

Deshun 发布于 7个月前 (05-16)   阅读(985)   评论(0)   赞 (0)  

获取当前元素的兄弟元素:$('#id').siblings() 当前元素所有的兄弟节点$('#id').prev() 当前元素前一个兄弟节点$('#id').prevAll() 当前元素之前所有的兄弟节点$('#id').next() 当前元素之后第一个兄弟节点$('#id').nextAll() 当前元素之后所有的兄...

经验总结

js重置select使其选中第一个option

Deshun 发布于 1年前 (2018-08-17)   阅读(7868)   评论(0)   赞 (4)  

写页面的时候经常会用到 select 的重置效果,也就是选中第一个 option ,下面分享几种方法:1、JS方法:var a = document.getElementById("mySelect"); //mySelect是select 的Id a.options[0].selected = true;...

经验总结

CSS选择器 低版本IE浏览器的兼容

Deshun 发布于 1年前 (2018-07-05)   阅读(1251)   评论(0)   赞 (1)  

 CSS 后代选择器很好用,让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。例如这6个比较常用的后代选择器:Child SelectorsIE9IE8IE7:first-child√√√:last-child√××:nth-child(n)√××:nth-last-child(n)√××:first-of-type(n)√××:first-last-of-...

经验总结

JavaScript、Jquery获取屏幕的宽度和高度

Deshun 发布于 2年前 (2018-06-14)   阅读(1768)   评论(0)   赞 (0)  

在日常的项目中经常需要获取屏幕的宽度或者高度,简单记录一下:Javascript方法获取:document.body.clientWidth //网页可见区域宽 document.body.clientHeight //网页可见区域高 document.body.offsetWidth //网页可见区域宽(包括边线的宽) document.body.offset...

经验总结

jQuery实现本地input选择图片实时显示

2

Deshun 发布于 2年前 (2018-04-27)   阅读(2983)   评论(0)   赞 (6)  

jQuery实现本地input选择图片实时显示

在写图片上传功能时,如果可以实时预览就好了,我们可以通过 jQuery 实现这一效果。为了更加美观,可以结合我之前写的一篇文章,给图片显示区域设置一个默认图片:HTML img src图片路径不存在,则显示一张默认图片的方法HTML代码如下:<p>     <img class="...

经验总结

js获取input上传文件的文件名和扩展名的方法

4

Deshun 发布于 2年前 (2018-04-26)   阅读(15417)   评论(0)   赞 (23)  

js获取input上传文件的文件名和扩展名的方法

使用 js 可以获取 input 上传文件的文件名和扩展名,这里我整理一下具体方法:1. 使用原生JS获取:CSS代码:给 div 一个内边距,按钮设置样式。div{     padding: 5px; } #mybtn {     width:&nb...