智享笔记 JQuery
-
某些点击只针对手机端
<script> $(document).ready(function () { // 判断屏幕宽度 function checkScreenWidth() { // 手机端 if ($(window).width() < 768) { // 显示汉堡包 $("#show-or-hide").show(); // 手机端-汉堡包被点击时，隐藏内容，显示菜单 $('#show-or-hide').click(function () { $('.left').toggle(function() { if ($(this).is(":visible")) { $('#root .c
-
显示元素添加样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Toggle Element Visibility and Modify Styles</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"><
-
jquery修改样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Modify Element Style with jQuery</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-
判断是否是手机端
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Show/Hide Element Based on Screen Size</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></scr
-
获取后台全选选中的ID值
var ids = [];$("[name='ids[]']").each(function() { if ($(this).prop("checked") == true) { ids.push($(this).val()); }});