![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 89
白小宇
学识的基础是创造的基础。
展开
-
限制select显示条数:div完全模拟select
在做项目时我们有时会碰上这样的问题,如何限制select的选择条数,如果光凭借JS,JQ恐怕无法解决该问题现在我们提供一种解决方法: 用div完全模拟select ( 即用<div>配上CSS和jQuery,来打造出一个仿真的<select> ),来达到控制条数的效果。注:如果你想让其select样式变的更漂亮,也要用到 div完全模拟select。原创 2016-11-18 18:51:14 · 3665 阅读 · 0 评论 -
jQuery $(document).ready() 与window.onload的不同
一般情况一个页面响应加载的顺序是:域名解析 --> 加载html --> 加载js和css --> 加载图片等其他信息。那么window.onload 应该在 “加载图片等其他信息” 之后才可以操作DOM;而$(document).ready() 在 “加载js和css”和“加载图片等其他信息”之间,就可以操作Dom。下面我们来了解下window.onload与$(document).ready()之间更多的不同~原创 2017-12-12 19:00:42 · 487 阅读 · 0 评论 -
jQuery对象与DOM对象相互转化
jQuery对象与DOM对象jQuery对象就是通过jQuery包装DOM对象后产生的对象一、两者方法不互通jQuery对象无法使用DOM对象的任何方法。 例如 $("#id").innerHTML和$("#id").checked之类的写法都是错误的, 可以用$("#id").html()和$("#id").attr("checked")之类的jQuery方法来代替。DOM对象也不能使用jQuery里的方法。 例如 document.原创 2017-12-13 14:35:04 · 336 阅读 · 0 评论 -
jQuery中的DOM操作(一)
DOM 是 Document Object Model的缩写,意思是 文档对象模型 。DOM 是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松地访问页面中所有的标准组件。DOM 让Web设计师能够轻松 获取和操作网页中的数据、脚本和表层对象。原创 2017-12-17 15:57:40 · 562 阅读 · 0 评论 -
jQuery中的DOM操作(二)
三、样式操作attr() :获取或设置元素属性removeAttr() :删除元素属性addClass() :追加样式removeClass() :删除class的某个值hasClass() :判断某元素中是否含有某个class,如果有,则返回true,否则返回falsetoggleClass() :控制原创 2017-12-17 16:50:29 · 318 阅读 · 0 评论 -
jQuery选择器总结
为了方便学习,我们将jQuery的选择器和CSS的选择器进行对比学习~原创 2017-12-14 14:11:27 · 586 阅读 · 0 评论 -
jQuery动画效果大全
一、show()方法和hide()方法1.show()与hide()show():根据hide()方法记住的display属性值来显示元素。hide() : 将该元素的display样式改为 "none"。2.参数让元素动起来:单纯的调用show()和hide()相当于css("display","none/block/inline"),不会有任何动画。如果希望调用元素原创 2017-12-20 04:07:07 · 20005 阅读 · 1 评论 -
jQuery事件操作(一)
一、事件绑定1、bind(type,[data],function);bind()方法有3个参数,说明如下。第1个参数是事件类型,类型包括:blur、focus、load、resize、scroll、unload、click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter、mouseleave、c原创 2017-12-17 20:26:36 · 650 阅读 · 0 评论 -
jQuery事件操作(二)
四、移除事件我们可以为同一个元素绑定多个事件,也可以为多个元素绑定同一个事件。假设网页上有一个元素,使用如下代码为该元素绑定多个事件。 点击我 $(function(){ $("#but").bind("click",function(){ $("#test").append("我的绑定函数1原创 2017-12-20 03:20:54 · 268 阅读 · 0 评论 -
跨域:JSONP
一、简介JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。原理: 由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的&amp;amp;lt; script&amp;amp;gt; 元素是一个例外。利用 &amp;amp;lt; script&amp;amp;gt;原创 2018-02-09 19:33:28 · 220 阅读 · 0 评论