JQ如何往 li 标签里添加html代码

为什么下面语句不能成功往 li 添加内容呢? 正确应该怎么写? 谢谢啊!
$(".tui ul li:eq(0)").after("VIP");
$(".tui ul li:eq(1)").after("VIP");

html代码段










  • VIP



2个回答

 $(".tui ul li:eq(0)").after("<var>VIP</var>");

after是在选定的元素的后面插入,你那样做,是把var直接作为你找到的li的平级的后一个元素了。
但是看你的html的结构,你似乎希望插入的li的下一层,那么应该用

 .html("<var>VIP</var>");

或者你希望插入一个新的li

.after("<li><var>VIP</var></li>");

往元素内加html代码是$elem.html("xx");往元素内加文本是$elem.text("xx");

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery如何给指定ul下的li添加类

如题 <div class="1"> <ul > <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> <li class="2"></li> </ul> </div> ``` 如何给<div class="1">下的7个li添加class

javaScript li标签如何设置选中

``` 我写的是jsp页面,设置li标签是选中状态的,li标签是动态添加的下面是代码: {{each basInforList as t}} <li data-baseinforid="{{t.identifyId}}" name="zwTableName" {{if t.identifyId == baseinforid}} class="active" {{/if}} style="text-align:center;padding:4px;text-valign:middle;line-height:100%;border-bottom:1px solid #CCCCCC;font-size:20px;"> {{t.zwTableName}} {{if t.adoptType!="1"}} <span class="floorkingred">&nbsp;采 信&nbsp;</span> {{/if}} </li> {{/each}} 我想让其中的一个li标签设置为选中状态,{{if t.identifyId == baseinforid}} class="active" {{/if}}这个是我写的判断条件,百度了一下说class='active'可以,但我的不行。求大神解决 ```

ajax返回数据后在<ul>之后添加<li>标签无法显示

ajax方法 ``` function ajax(prodNo){ var json = {"prodNo":prodNo}; $.ajax({ type:"POST", url:"product_ajax", data:json, success:function(data){ $("#prodName").html(data.product.name+" "+data.product.color+" "+data.product.prodNo); $("#prodPrice").html("¥"+data.product.price); $("#prodDescription").html(data.product.description); $("#images").html(""); $.each(data.images, function(i, image){ var item = "<li><a href='"+image.imgBig+"'><img src='"+image.imgSmall+"' /></a></li>"; $("#images").append(item); //拼接标签 $("#images").listview("refresh"); //刷新列表 $("#images").trigger("create"); //重新加载样式 }); } }); } ``` 对图片显示的JQ代码(是否有可能是JQ控制的结果) ``` $(document).ready(function() { // Exposure product image gallery $(function(){ var gallery = $('#images'); gallery.exposure({controlsTarget : '#controls', imageControls : false, controls : { prevNext : false, pageNumbers : false, firstLast : false }, pageSize : 5, enableSlideshow: false, showCaptions: false, slideshowControlsTarget : '#slideshow', onThumb : function(thumb) { var li = thumb.parents('li'); var fadeTo = li.hasClass($.exposure.activeThumbClass) ? 1 : 0.7; thumb.css({display : 'none', opacity : fadeTo}).stop().fadeIn(200); thumb.hover(function() { thumb.fadeTo('fast',1); }, function() { li.not('.' + $.exposure.activeThumbClass).children('img').fadeTo('fast', 0.7); }); }, onImageHoverOver : function() { if (gallery.imageHasData()) { // Show image data as an overlay when image is hovered. gallery.dataElement.stop().show().animate({bottom:0+'px'},{queue:false,duration:160}); } }, onImageHoverOut : function() { // Slide down the image data. var imageDataBottom = -gallery.dataElement.outerHeight(); gallery.dataElement.stop().show().animate({bottom:imageDataBottom+'px'},{queue:false,duration:160}); }, onImage : function(image, imageData, thumb) { var w = gallery.wrapper; // Fade out the previous image. image.siblings('.' + $.exposure.lastImageClass).stop().fadeOut(500, function() { $(this).remove(); }); // Fade in the current image. image.hide().stop().fadeIn(500); // Setup hovering for the image data container. imageData.hover(function() { // Trigger mouse enter event for wrapper element. w.trigger('mouseenter'); }, function() { // Trigger mouse leave event for wrapper element. w.trigger('mouseleave'); }); // Check if wrapper is hovered. var hovered = w.hasClass($.exposure.imageHoverClass); if (hovered) { if (gallery.imageHasData()) { gallery.onImageHoverOver(); } else { gallery.onImageHoverOut(); } } if (gallery.showThumbs && thumb && thumb.length) { thumb.parents('li').siblings().children('img.' + $.exposure.selectedImageClass).stop().fadeTo(200, 0.7, function() { $(this).removeClass($.exposure.selectedImageClass); }); thumb.fadeTo('fast', 1).addClass($.exposure.selectedImageClass); } } }); }); // Exposure end ``` body部分 ``` <div id="container"> <div id="content"> <div class="content-inner"> <div class="main-content"> <div class="detail-item"> <!-- Product Gallery Begin --> <div class="product-gallery float-left"> <div id="exposure"></div> <div class="panel"> <div id="controls"></div> <div id="slideshow"></div> <ul id="images"> <c:if test='${map.images!="[]"}'> <c:forEach items="${map.images}" var="image"> <li><a href="${image.imgBig}"><img src="${image.imgSmall}" /></a></li> </c:forEach> </c:if> </ul> </div> </div> </div> </div> </div> </div> </div> ```

css怎么给第4个li和第8个li之间设置样式

css怎么给第4个li~8个li设置样式,有没有比连续写五个li:nth-child好 ![图片说明](https://img-ask.csdn.net/upload/201803/05/1520235393_357551.png)

用ajax加载出来的标签不能使用jq效果

直接上代码直观一点 ``` <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> </head> <script src="jquery-1.10.1.min.js" type="text/javascript"></script> <script> $(document).ready(function(){ $(".li a").click(function(){ $(this).toggleClass("on"); }); }); /*******************************/ function ajax() { $('#ajax1').load("ajax.php"); } /*******************************/ function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("ajax2").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","ajax.php",true); xmlhttp.send(); } </script> <style> .on {font-size:20px; font-weight:bold; color:#03C;} </style> <div class="ul"> <div><input type="button" value="方法1" onclick="ajax()" /> <input type="button" value="方法2" onclick="loadXMLDoc()" /></div> <div class="li"><a href="javascript:void(0)">点击变大</a></div> <div id="ajax1"></div> <div id="ajax2"></div> </div> ``` ``` <?php $html = '<div class="li"><a href="javascript:void(0)">点击没反应</a></div>'; echo $html; ?> ``` 有没有什么方法可以解决

Jquery 怎么获取动态生成的html元素,然后给其中的元素添加样式?

这是其中界面的js代码,主要去了异步去后台加载数据,然后动态写li元素及里边的a元素 [code="javascript"]$.ajax({ url: "home!subMenu", typ:"post", datatype:"json", data:{"fatherId":${request.fatherId}}, success:function(data) { if(data.success) { var json = eval(data); var menu = json.tree; var html ="<li class='space'></li>"; $.each(menu,function(i,item) { html=html+"<li><a href='javascript:;' hint='merchant' action='"+item['url']+"?fatherId="+item['fatherId'] +"' class='merchantmenu'>" +item['text']+"</a></li>" }); $("#merchantSubMenu").append(html); } else { art.dialog(data.message); document.location.href="home!gotoIndex";//跳转到首页 } } }); $('a[class="merchantmenu"]').each(function(){ alert("test");//这里进不来。。。。 });[/code] 我现在想要获取这个li列表的第一个元素给添加样式。 现在的问题 通过选择器获取不到,是ajax异步加载还没写进去吗?

怎么用jquery给几个相同的标签动态添加不同的id?我的代码如下,求各位大神帮帮忙

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> <script> var title=$("p.title-season");//获取所有class为title-season的p元素 var season=$("div.season");//获取所有class为-season的div元素 for(i=0;i<season.length;i++){ if(i==title.length){ //$(season[i]).attr("id","cnContent"); season.length(i).setAttribute("id","cnContent");//为国配剧集添加id $("#cnContent").css("display","none"); } if(i<season.length&&i!=0){ //$(season[i]).attr("id","jpContent"); season.length(i).setAttribute("id","jpContent");//为日配剧集添加id $("#jpContent").css("display","none"); } } for(i=0;i<title.length;i++){ if(i==title.length){ //$(title[i]).attr("id","cn"); title.length(i).setAttribute("id","cn");//为国配标题添加id $("#cn").css("cursor","pointer"); $("#cn").live('click',function(){ $("#cnContent").toggle(); }); } if(i<title.length&&i!=0){ //$(title[i]).attr("id","jp"); title.length(i).setAttribute("id","jp");//为日配标题添加id $("#jp").css("cursor","pointer"); $("#jp").live('click',function(){ $("#jpContent").toggle(); }); } } </script> </head> <body> <p class="title-season">日配HD版</p> <div class="season"> <a class="btn btn-ep active primary" href="" data-aid="893545" data-vid="765811">01-02话</a> <a class="btn btn-ep" href="" data-aid="894374" data-vid="766560">03-04话</a> <a class="btn btn-ep" href="" data-aid="894374" data-vid="779541">05-06话</a> <a class="btn btn-ep" href="" data-aid="905694" data-vid="781164">07-08话</a> <span class="clearfix"></span> </div> <p class="title-season">日配TV版</p> <div class="season"> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771968">第1话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771969">第2话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771971">第3话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771972">第4话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771973">第5话</a> <span class="clearfix"></span> </div> <p class="title-season">国语配音版</p> <div class="season"> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771968">第1话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771969">第2话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771971">第3话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771972">第4话</a> <a class="btn btn-ep" href="" data-aid="294630" data-vid="771973">第5话</a> <span class="clearfix"></span> </div> </body> </html>

jquery获取动态添加的input标签的值

![CSDN移动问答][1] 在点击修改后插入input标签,做修改后点击保存并更新 插入input标签代码: function upZPrice(leId){ var zprice=$("#le_"+leId).html(); $("#le_"+leId).html("<input id='pid+"+leId+"' type='text' value='"+zprice+"'/>"); $("#up_"+leId).html("<a href='javascript:savePrice("+leId+")'>保存</a>"); } savePrice函数怎么获得那个修改后的input 的值呢? [1]: http://b.hiphotos.baidu.com/zhidao/pic/item/aec379310a55b3192a188ea542a98226cefc1778.jpg

jquery添加的元素id,添加click事件不起作用

我自己做了一个对话框 用jq控制,点击一个按钮的时候才把这个对话框加到html中 但这个对话框中的按钮的id起不到作用 是不是我添加的方式有问题? 代码如下: 可以复制到这个地址测试:http://www.runoob.com/try/try.php?filename=tryjquery_hide ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <style> .confirmWindow { z-index: 99999; position: fixed; top: 30px; left: 50px; width: 445px; height: 140px; font-size: 12px; color: #000; padding: 0; margin: 0; background-color: #fff; border: 1px solid #bababa; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px #888; -moz-box-shadow: 0px 1px 3px #888; box-shadow: 0px 1px 3px #888 } .confirmContent { margin: 0; padding: 45px 10px 25px 25px } .confirmButton { margin: 0; padding: 0 25px 25px 0 } #confirm-yes, #confirm-no { display:inline-block; cursor: default; padding: 6px 25px; margin: 0; border:1px solid #b3b3b3; border-radius: 2px; font-weight: bold; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-box-shadow: 0px 0px 1px #888; -moz-box-shadow: 0px 0px 1px #888; box-shadow: 0px 0px 1px #888; float: right } #confirm-no { margin: 0 0 0 15px } #confirm-yes:active, #confirm-no:active { background-color: #e6e6e6; color: #676767; font-weight: normal } #confirm-yes:focus, #confirm-no:focus { border: 1px solid #3b79ed } </style> <script> $(document).ready(function(){ $("p").click(function(){ $("body").append("<div class=\"confirmWindow\"><div class=\"confirmContent\">测试添加的对话框" + "</div><div class=\"confirmButton\"><div id=\"confirm-no\">取消</div>" + "<div id=\"confirm-yes\">确定</div></div></div>"); }); $("#confirm-yes").click(function() { alert("点击了确定按钮"); }); $("#confirm-no").click(function() { alert("点击了取消按钮"); $(".confirmWindow").remove(); }); }); </script> </head> <body> <p>点我</p> </body> </html> ```

用JQuery实现在div1后追加多个有内容的div2,并实现div2里面的元素的id自增

问题如题,例如在div1后面追加多个有内容的div2,然后让追加的div2的id改变为div3,并且div2的标签<h1>的id也变为h1_3,<h2>标签的id变为h2_3 不知道有没有说清楚内容,请大神指点。 <div id="div1"> <h1 id="h1_1">你好!</h1> </div> <div id="div2"> <h1 id="h1_2">你好啊!</h1> <h2 id="h2_2">你很好啊!</h2> </div>

前端ajax请求后拼接html,增加父级元素的class属性不成功

下面代码中 $(obj).parent().addClass("active"),测试的时候是正常的使用console.log($(obj).parent())来输出看到是有的,但是在页面上查看却并没有active这个class属性 如果使用 $("#wrapper ul").find("li").eq(pageNum+2).addClass("active"),在页面上是可以正常显示的,有哪位大神知道是怎么回事呢? ``` $.ajax({ url: ctx+"/aaa/abc", dataType: "JSON", type: "post", data: getData, success: function (o) { if(o.list!=null){ pageSize=o.pageSize; pageNum=o.pageNum; var result=o.list; for (let i = 0; i <result.length ; i++) { $("#wrapper >table >tbody").append("<tr id="+result[i].houseId+"></tr>") $("#"+result[i].houseId).append("<td>"+result[i].community+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].houseNum+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].address+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].houseOwner+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].ownerPhone+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].ownerCardType+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].ownerCardId+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].watermeter+"</td>") $("#"+result[i].houseId).append("<td>"+result[i].gasmeter+"</td>") if ($.trim(ctx)!="" || typeof (ctx)!="undefined" || ctx!=null) { $("#" + result[i].houseId).append("<td>" + "<a style='cursor:pointer' onclick='delHouse(" + result[i].houseId + ")'>删除</a>" + " | " + "<a style='cursor:pointer' onclick='editHouse(" +JSON.stringify(result[i]) + ")' data-toggle='modal' data-target='#myModal'>编辑</a>" + "</td>"); } else { $("#" + result[i].houseId).append("<td>" + "<a style='cursor:pointer' onclick='delHouse(" + result[i].houseId + "," + ctx + ")'>删除</a>" + " | " + "<a style='cursor:pointer' onclick='editHouse(" + JSON.stringify(result[i]) + "," + ctx + ")' data-toggle='modal' data-target='#myModal'>编辑</a>" + "</td>"); } } $("#wrapper").append('<nav style="text-align:center"></nav>'); $("#wrapper nav").append("<ul class='pagination'></ul>"); $("#wrapper ul").append('<li><a href="#">&laquo;</a></li>'); $("#wrapper ul").append('<li><a href="#">首页</a></li>'); $("#wrapper ul").append('<li><a href="#" onclick="prePage(this)">上一页</a></li>'); for (let i = o.navigatepageNums[0]; i <= o.navigateLastPage; i++) { $("#wrapper ul").append('<li ><a href="#">'+i+'</a></li>'); } $("#wrapper ul").append('<li><a href="#" onclick="nextPage(this)">下一页</a></li>'); $("#wrapper ul").append('<li><a href="#">末页</a></li>'); $("#wrapper ul").append('<li><a href="#">&raquo;</a></li>'); let li=$("#wrapper ul").find("li").eq(3).children("a").text(); if(li==o.pageNum){ $("#wrapper ul").find("li").eq(3).addClass("active") }else{ $(obj).parent().addClass("active") //$("#wrapper ul").find("li").eq(pageNum+2).addClass("active") console.log($(obj).parent()) console.log("pageNum:"+pageNum) console.log($("#wrapper ul")) } } } }) ```

导航栏中使a点击后出现下划线

使导航栏中 第一个a标签 默认有下划线,当鼠标划过别的导航的时候,下划线会换到别的导航下,当鼠标点击后,只有点击的那个a标签有下划线,直到点击下一次的时候,下划线换到下一个被点击的a标签 求大神解答

jq的点击事件没有反应,加入购物车那里,完全没有反应,alert都出不来,这是为什么?

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <script th:src="@{jquery/jquery-1.10.2.js}" type="text/javascript"></script> <link rel="stylesheet" th:href="@{css/mui.min.css}"> <link rel="stylesheet" th:href="@{css/home.css}"> <link rel="stylesheet" type="text/css" th:href="@{css/icons-extra.css}" /> <link rel="stylesheet" type="text/css" th:href="@{css/app.css}" /> <title>食品网</title> <link href="favicon.ico" type="image/x-icon" rel="icon"> <link th:href="@{iTunesArtwork@2x.png}" sizes="114x114" rel="apple-touch-icon-precomposed"> <style> html, body { background-color: #efeff4; } .mui-bar .mui-pull-left .mui-icon { padding-right: 5px; font-size: 28px; } .mui-bar .mui-btn { font-weight: normal; font-size: 17px; } .mui-bar .mui-btn-link { top: 1px; } .mui-content img { width: 100%; } .hm-description { margin: 15px; } .hm-description>li { font-size: 14px; color: #8f8f94; } .shou{ color:#ff3300; } </style> </head> <body> <header id="header" class="mui-bar mui-bar-transparent"> <a class="mui-action-back mui-icon mui-icon-arrowleft mui-pull-left" style="color:#666"></a> <h1 class="mui-title"></h1> <a class="mui-icon mui-icon-paperplane mui-pull-right" style="color: #666"></a> </header> <div class="mui-content" style="background: #fff"> <div id="slider" class="mui-slider"> <div class="mui-slider-group"> <div class="mui-slider-item"> <a href="#"> <img th:src="${food.image1}"> </a> </div> </div> <div class="mui-slider-indicator"> <div class="mui-indicator mui-active"></div> <div class="mui-indicator"></div> </div> </div> <div class="aui-title-h b-line"> <h3 th:text="${food.fname}"></h3> <p th:text="${food.fdetail}"></p> <em th:text="'¥'+${food.fprice}"></em> <i th:text="'价格¥'+${food.fprice}"></i> <div class="aui-title-sp "> <span class="mui-icon-extra mui-icon-extra-heart" th:text="'销量 '+${food.salesvolume}"></span> <span class="mui-icon-extra mui-icon-extra-heart" th:text="'收藏 '+${food.collection}"></span> <span class="mui-icon-extra mui-icon-extra-heart">美食快递</span> </div> </div> <div class="devider b-line"></div> <div class=""> <div style="padding: 0 10px; margin-top: 10px" class=""> <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary"> <a class="mui-control-item mui-active" href="#item1">食品详情</a> <a class="mui-control-item" href="#item2">材料</a> <a class="mui-control-item" href="#item3">食品评价</a> </div> </div> <div> <div id="item1" class="mui-control-content mui-active" style="height: 1200px"> <div class="aui-p"> <p th:text="${food.fname}"></p> </div> <div class="aui-kill aui-op"> <img th:src="${food.image2}" alt=""> </div> <div class="aui-kill aui-op"> <img th:src="${food.image3}" alt=""> </div> <div class="aui-kill aui-op"> <img th:src="${food.image4}" alt=""> </div> </div> <input type="hidden" id="fid" name="fid" th:value="${food.fid}" /> <!-- <input type="hidden" id="num" name="num" th:value="${num}" /> --> <div id="item2" class="mui-control-content"> <ul class="mui-table-view " th:each="materiallist:${materiallist}"> <li class="mui-table-view-cell b-line" th:text="${materiallist}"></li> </ul> </div> <div id="item3" class="mui-control-content" style="text-align:center">评价</div> </div> </div> <div style="height: 900px"></div> </div> <div style="height: 50px"></div> <nav class="mui-bar mui-bar-tab"> <div class="t-line aui-on-cell"> <div class="aui-ons"> <a href="#"><span class="mui-icon-extra mui-icon-extra-addpeople"></span><i>客服</i></a> <a href="#"><span class="mui-icon-extra mui-icon-extra-university"></span><i>店铺</i></a> <a href="#"><span class="mui-icon-extra mui-icon-extra-heart-filled " id="obj" onclick="ou(this)"></span><i>收藏</i></a> </div> <input type="hidden" id="hh" value="收藏"/> <div class="aui-onc"> <a href="#" style="margin-right: -4px" name="btn" id="btn">加入购物车</a> <a th:href="@{./toOneOrder(fid=${food.fid})}" class="aui-got">立即购买</a> </div> </div> </nav> <script th:src="@{js/mui.min.js}"></script> <script> // mui.init({ swipeBack: true //启用右滑关闭功能 }); (function($) { $('#scroll').scroll({ indicators: true //是否显示滚动条 }); var segmentedControl = document.getElementById('segmentedControl'); $('.mui-input-group').on('change', 'input', function() { if (this.checked) { var styleEl = document.querySelector('input[name="style"]:checked'); var colorEl = document.querySelector('input[name="color"]:checked'); if (styleEl && colorEl) { var style = styleEl.value; var color = colorEl.value; segmentedControl.className = 'mui-segmented-control' + (style ? (' mui-segmented-control-' + style) : '') + ' mui-segmented-control-' + color; } } }); })(mui); </script> <script type="text/javascript"> $(function(){ var num=document.getElementById("num").value var obj=document.getElementById("obj") if(num==0){ $(obj).removeClass('shou'); }else{ $(obj).addClass('shou'); } }); function ou(obj){ console.log($(obj).hasClass('shou')); if($(obj).hasClass('shou')==true){ $(obj).removeClass('shou'); var gid=document.getElementById("fid").value $.ajax({ url:"./delcollection", data:{"fid":gid}, type:"post", success: function (data) { } }); }else { var gid=document.getElementById("fid").value $(obj).addClass('shou'); $.ajax({ url:"./collection", data:{"fid":gid}, type:"post", success: function (data) { if(data=="error"){ alert("未登录,不能收藏!") window.location.href="login.html" } } }); } } function addCard(){ alert("hhhh") var gid=$("#fid").val(); $.ajax({ url:"./addcar", data:{"fid":gid}, type:"post", success: function (data) { if(data=="error"){ alert("未登录,不能添加!") window.location.href="login.html" } } }); } (function ($) { $.extend({ tipsBox: function (options) { options = $.extend({ obj: null, //jq对象,要在那个html标签上显示 str: "+1", //字符串,要显示的内容;也可以传一段html,如: "<b style='font-family:Microsoft YaHei;'>+1</b>" startSize: "12px", //动画开始的文字大小 endSize: "30px", //动画结束的文字大小 interval: 600, //动画时间间隔 color: "red", //文字颜色 callback: //回调函数 }, options); $("body").append("<span class='num'>" + options.str + "</span>"); var box = $(".num"); var left = options.obj.offset().left + options.obj.width() / 2; var top = options.obj.offset().top - options.obj.height(); box.css({ "position": "absolute", "left": left + "px", "top": top + "px", "z-index": 9999, "font-size": options.startSize, "line-height": options.endSize, "color": options.color }); box.animate({ "font-size": options.endSize, "opacity": "0", "top": top - parseInt(options.endSize) + "px" }, options.interval, function () { box.remove(); options.callback(); }); } }); })(jQuery); function niceIn(prop){ prop.find('i').addClass('niceIn'); setTimeout(function(){ prop.find('i').removeClass('niceIn'); },1000); } $(function () { $("#btn").click(function () { alert("1111111111") $.tipsBox({ obj: $(this), str: "+1", callback: function () { } }); niceIn($(this)); }); }); </script> <script type="text/javascript"> mui.init({ swipeBack: true //启用右滑关闭功能 }); var slider = document.getElementById("slider"); mui('.mui-input-group').on('change', 'input', function() { if (this.checked) { switch (this.value) { case 'static': document.getElementById("img1").className = ""; document.getElementById("slider").classList.add("mui-hidden"); break; case 'slider': document.getElementById("img1").className = "mui-hidden"; if(slider.classList.contains("mui-hidden")){ document.getElementById("slider").classList.remove("mui-hidden"); } break; } } }); </script> </body> </html>

js动态创建的方法传递参数

用ajax获取了 json数据 存进数组 动态创建a标签 现在想点击a时 触发onclick事件时传递参数 但一直失败 无奈 想知道怎么才能把参数传递出去 上代码: ``` mdId_arr.push('<li><a href="#">'+info.lists[i]+'</a>'+ '<a href="#" data-icon="delete" onclick=\"deletMd("+info.lists[i]+")\" >删除</a></li>'); ``` ``` function deletMd(tt){ alert(tt); } ``` 在火狐浏览器中一直报语法错误 有碰到过的同样问题或者知道为什么的 求解!

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

再不跳槽,应届毕业生拿的都比我多了!

跳槽几乎是每个人职业生涯的一部分,很多HR说“三年两跳”已经是一个跳槽频繁与否的阈值了,可为什么市面上有很多程序员不到一年就跳槽呢?他们不担心影响履历吗? PayScale之前发布的**《员工最短任期公司排行榜》中,两家码农大厂Amazon和Google**,以1年和1.1年的员工任期中位数分列第二、第四名。 PayScale:员工最短任期公司排行榜 意外的是,任期中位数极小的这两家公司,薪资...

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

数据库——玩转SQL语句(以MySQL为例)

一、前言 照着大学的SQL server来学

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

华为初面+综合面试(Java技术面)附上面试题

华为面试整体流程大致分为笔试,性格测试,面试,综合面试,回学校等结果。笔试来说,华为的难度较中等,选择题难度和网易腾讯差不多。最后的代码题,相比下来就简单很多,一共3道题目,前2题很容易就AC,题目已经记不太清楚,不过难度确实不大。最后一题最后提交的代码过了75%的样例,一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远,我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

程序员写出这样的代码,能不挨骂吗?

当你换槽填坑时,面对一个新的环境。能够快速熟练,上手实现业务需求是关键。但是,哪些因素会影响你快速上手呢?是原有代码写的不够好?还是注释写的不够好?昨夜...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

HTTP与HTTPS的区别

面试官问HTTP与HTTPS的区别,我这样回答让他竖起大拇指!

程序员毕业去大公司好还是小公司好?

虽然大公司并不是人人都能进,但我仍建议还未毕业的同学,尽力地通过校招向大公司挤,但凡挤进去,你这一生会容易很多。 大公司哪里好?没能进大公司怎么办?答案都在这里了,记得帮我点赞哦。 目录: 技术氛围 内部晋升与跳槽 啥也没学会,公司倒闭了? 不同的人脉圈,注定会有不同的结果 没能去大厂怎么办? 一、技术氛围 纵观整个程序员技术领域,哪个在行业有所名气的大牛,不是在大厂? 而且众所...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《C语言函数速查》main()主函数

每一个C程序都必须有一main()函数, 可以根据自己的爱好把它放在程序的某个地方。有些程序员把它放在最前面, 而另一些程序员把它放在最后面, 无论放在哪个地方, 以下几点说明都是适合的。

Java岗开发3年,公司临时抽查算法,离职后这几题我记一辈子

前几天我们公司做了一件蠢事,非常非常愚蠢的事情。我原以为从学校出来之后,除了找工作有测试外,不会有任何与考试有关的事儿。 但是,天有不测风云,公司技术总监、人事总监两位大佬突然降临到我们事业线,叫上我老大,给我们组织了一场别开生面的“考试”。 那是一个风和日丽的下午,我翘着二郎腿,左手端着一杯卡布奇诺,右手抓着我的罗技鼠标,滚动着轮轴,穿梭在头条热点之间。 “淡黄的长裙~蓬松的头发...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

立即提问
相关内容推荐