前言：
今天各位老铁们对“jquery背景视频播放”大概比较着重，各位老铁们都想要知道一些“jquery背景视频播放”的相关资讯。那么小编同时在网上网罗了一些对于“jquery背景视频播放””的相关内容，希望朋友们能喜欢，小伙伴们一起来了解一下吧！DOM对象和JQuery对象转换
原生的js功能是最为全面的，JQuery是对大多数js功能进行封装，平时使用JQuery更加方便，然而有些时候必须使用js实现，这就需要对两者进行灵活转换。
DOM转JQuery：
<div id="box"></div><script> let box = document.getElementById("box"); let $box = $(box); $box.css({'width':'200px', 'height':'200px', 'backgroundColor':'pink'});</script>JQuery转DOM：
JQuery对象没有play播放视频方法，需要转为DOM对象后播放视频。
<style> video{ width: 800px; height: 600px; }</style><video src="/static/llk.mp4"></video><script> $("video")[0].play();</script>下拉菜单项目目标：鼠标移动至导航条上，对应下拉菜单弹出，移开鼠标，下拉菜单消失。
$(function(){ $(".nav>li").mouseover(function(){ $(this).children("ul").show(); }); $(".nav>li").mouseleave(function(){ $(this).children("ul").hide(); });});siblings()应用选中项目背景色为skyblue，其他元素背景色为pink。
<script> $(function(){ $('div').click(function(){ $(this).css({'backgroundColor':'skyblue'}).siblings().css({'backgroundColor':'pink'}); }); });</script>选中项目添加active类。
$(function(){ $(".box").click(function(){ $(this).addClass('active').siblings().removeClass("active"); });});选项卡进阶$(".notice-tit li").click(function(){ let index = $(this).index(); // alert(index); $(".notice-tit li").eq(index).addClass('selected').siblings().removeClass('selected'); $(".notice-con div").eq(index).show().siblings().hide();});视频讲解视频加载中...
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #jquery背景视频播放
