用jquery先获取li中的内容,然后在span中输出

如图

图片说明

我需要将每个大li标签里面选择好的li里面内容显示到上面span标签里面,点击选择了的li里面会加个class="selected",这个要用jquery来实现吗?要怎么写呢?本人js有点薄弱,希望能详细些

6个回答

楼主,你好,针对你的问题,想要实现其实也十分简单,我用你的问题截图,举一个简单的例子,里面有详细的注释,你先看,如果不懂的可以问我。下面这个是个简单的实现,还可以扩展功能,使他们适用于更多的地方。在下面的例子中,我在对应的ul和span上面都加了一个id属性,为的是能够更快的找到对应的元素。当然,根据文档的结构,也可以不设置元素id,但是需要通过结果查找出来,相对来讲,设置了属性的元素更容易理解一些。

 <html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
    .selected {
        background-color: #ccc;
    }
</style>
</head>
<body>
<span id="checkedPJLi"></span>
<ul id="pj_items">
<li val="djhj">定价黄金</li>
<li val="jjhj">计价黄金</li>
</ul>
</body>
<script type="text/javascript">
    $(function(){
        //首先,我们在元素加载完成以后,初始化pj_items下每个li对应的单击事件,也就是选中事件
        $("#pj_items li").bind("click", function(){
            selectedItem(this);
        });
    });

    //选中某个li响应的方法
    function selectedItem(obj){
        //获取当前发生单击事件的元素对象
        var $elemThis = $(obj);
        //现在我们向元素里添加名为selected的class样式
        $elemThis.addClass("selected");
        //由于是单选,所以我们需要将之前之前选中的li重置回去,即取消当前选中的样式selected
        $elemThis.siblings().removeClass("selected");
        //方法一、最后我们需要将当前选中的值放到我们需要的span上面去,也就是调用tackSelectedItem方法
        //tackSelectedItem();

        //方法二、当然,tackSelectedItem方法提供的是一种从全局查找选中元素的方法,还可以省略为下面的步骤,因为我们操作的当前元素就是我们想要的选项,我们可以直接取值并赋给对应的span元素
        //也就是,先取得当前选中元素对应的文本内容
        var txt_this = $elemThis.text();
        $("#checkedPJLi").text(txt_this);
    }

    //从全局pj_items的ul查找选中li元素并将其文本内容赋值给checkedPJLi的span
    function tackSelectedItem(){
        //首先获取id="items"的ul下选中的li元素对象
        var $selectedLi = $("#pj_items").find(".selected");
        //然后通过这个元素对象,可以获取想要从它身上获取的它所拥有的一切,如:文本值
        var txt_item = $selectedLi.text();
        //又如属性值(当然,楼主并未提到,就作为扩展吧)
        //var val_item = $selectedLi.attr("val");
        //接下来楼主说的将值绑定到对应的span上了
        $("#checkedPJLi").text(txt_item);
    }
</script>
</html>

上面给span复制的方法一和方法二,二选其一即可,如果选了方法二,就可以不用tackSelectedItem方法,即可以删除。这里写出来,只是为了你可以更好的扩展提供一下思路。比如今后,你可以通过传递ul的id属性和需要绑定的li的id属性,通过一个方法就可以使用于页面上需要相同功能的位置。比如说扩展后的方法为:

 /*ul_id:需要绑定选中并将值赋予span的ul的id属性值;span_id:与之对应的span元素的id属性值;selected_class:这组功能你所对应想要绑定的选中状态的样式名称(主要针对你可能需要不同的样式的情况,如果不需要刻意不传或默认一个就可以了)*/
    function tackSelectedItem(ul_id, span_id, selected_class){
        //首先获取id="items"的ul下选中的li元素对象
        var $selectedLi = $("#"+ul_id).find("."+selected_class);
        //然后通过这个元素对象,可以获取想要从它身上获取的它所拥有的一切,如:文本值
        var txt_item = $selectedLi.text();
        //接下来楼主说的将值绑定到对应的span上了
        $("#"+span_id).text(txt_item);
    }

是不是很简单呢?

u012392706
java仔 直接看代码吧,只需要改造一下selectedItem方法加一条分支语句就OK了,看我追加的回答,因为评论不能贴代码。
大约 4 年之前 回复
u012392706
java仔 判断是否有selected的方法(继续沿用tackSelectedItem方法的变量$elemThis表示当前事件触发的对象):if($elemThis.attr("class").indexOf("selected")>0){表示存在这个样式,这里写删除span内容和清除selected样式的代码} else {这里写把内容添加到span和添加对应的样式的代码,参照上面的答案内容;}
大约 4 年之前 回复
u012392706
java仔 回复花和尚撸自身: 也很简单,只需要在点击事件里面加分支就可以了,判断一下是否已经有selected这个样式,如果有,就执行清除,没有就执行添加。
大约 4 年之前 回复
over0609
花和尚撸自身 话说我要点同样的li第二次删除刚刚写进span的内容怎么做?
大约 4 年之前 回复
u012392706
java仔 回复花和尚撸自身: 谢谢采纳!
大约 4 年之前 回复
over0609
花和尚撸自身 教科书般的回答
大约 4 年之前 回复
u012392706
java仔 扩展回复:jquery中取没有value属性的元素值方法一般有两个,一个是text(),顾名思义,即取出文本内容;另一个是html(),顾名思义,即取出含标签在内的全部内容。
大约 4 年之前 回复
u012392706
java仔 请忽略掉错别字哈,中间的"给span复制“应该是“给span赋值”。[微笑]
大约 4 年之前 回复

点击添加class="selected": $().addClass("selected");
获取值:var num = $(this).val();
把值放到span中:$("span").html(var);或者text也可以;临时敲的,可能有单词拼写问题,建议把代码贴出来,方便回答者测试。

qq_19558705
ITDragon龙 回复花和尚撸自身: 需要导入jquery,如有帮助,望采纳
大约 4 年之前 回复
qq_19558705
ITDragon龙 回复花和尚撸自身: $(function(){ var xyz ; $("ul").find("li").click(function(){ $(this).addClass("selected").siblings().removeClass("selected"); xyz = $(this).text(); $("#xyz").text(xyz); }); });
大约 4 年之前 回复
qq_19558705
ITDragon龙 回复花和尚撸自身: 值获取了,也可以赋值了,但是点击获取selected出来点问题,稍等一下,刚把手上的事情忙完
大约 4 年之前 回复
over0609
花和尚撸自身 回复这不是昵称: <span>材质<span class="xxx" id="xyz" style="display:inline;float:right;">全部 &gt;</span></span><ul><li class="selected" val="pj">定价黄金</li><li val="pj">计价黄金</li><li val="pj">钻石</li><li val="pj">铂金</li><li val="pj">银类</li><li val="pj">珍珠</li><li val="pj">宝石</li><li val="pj">K金</li></ul>
大约 4 年之前 回复
over0609
花和尚撸自身 回复这不是昵称: foreach里面的li被选择后会用js加一个class=“selected”,我需要将加了selected的li里面的$value写到id为xyz的span标签里面
大约 4 年之前 回复
over0609
花和尚撸自身 回复这不是昵称: $i="0"; while($rsProperty=$DB->fetch_assoc()){ echo '<li data-target="subtype" id="id'.$i.'"class="materialFilter"><span>'.$rsProperty["Property_Name"].'<span class="xxx" id="xyz" style="display:inline;float:right;">全部 &gt;</span></span><ul>'; $List=json_decode($rsProperty["Property_Json"],true); foreach($List as $key=>$value){ echo '<li val="pj">'.$value.'</li>'; } echo '</ul></li>'; $i++; }
大约 4 年之前 回复
qq_19558705
ITDragon龙 回复花和尚撸自身: 我一般遇到的业务中,我会把li下的值赋给val;你把代码贴出来,我有时间帮你做好贴给你,这个挺简单的。
大约 4 年之前 回复
over0609
花和尚撸自身 我想要单独获取id0下的所有被加了class="selected"的li里面的文字部分,然后把他显示到id0下对应的span标签里面,下面还有id1的id2的,甚至idn的,不知道咋写了
大约 4 年之前 回复

什么版本的jquery?1.5+用prop

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<div>
    <input type="checkbox" value="a" />a
    <input type="checkbox" value="b" />b
    <input type="checkbox" value="c" />c
    <input type="checkbox" value="d" />d
</div>

<input id="allcheck" type="button" value="全选" />
<input id="nocheck" type="button" value="全不选" />
<script>
    $(function () {
        $("#allcheck").click(function () {
            $("div :checkbox").prop("checked", true);
        });
        $("#nocheck").click(function () {
            $("div :checkbox").prop("checked", false);
        });
    });
 </script>
showbo
支付宝加好友偷能量挖 回复错了。。。嘿嘿。。。不用理。。
大约 4 年之前 回复

    //#ul改为你的id=id0的父元素id
    $('#ul li[id] ul li').click(function () {
        $(this).siblings().removeClass('selected').end().addClass('selected').parent().prev().html(this.innerHTML);
    })
over0609
花和尚撸自身 回复showbo: 我要是不用click事件可以吗?就获取被加了selected的文本,然后加到span里?
大约 4 年之前 回复
showbo
支付宝加好友偷能量挖 回复花和尚撸自身: $('#ul>li[id]').click(function () { $('>span', this).html($('li.selected', this).map(function () { return this.innerHTML}).get().join()); })
大约 4 年之前 回复
over0609
花和尚撸自身 我想要单独获取id0下的所有被加了class="selected"的li里面的文字部分,然后把他显示到id0下对应的span标签里面,下面还有id1的id2的,甚至idn的,不知道咋写了
大约 4 年之前 回复

$("ul li").click(function(){
$("#ul li").removeClass('select');
$(this).addClass('select');
$("#ul").prev().val($(this).val());
});

关于楼主追问如何在点击中交替切换选中和取消选中的答复如下:
我们只需要将前面我的答复中selectedItem方法稍加改进即可实现,代码如下:

 //选中某个li响应的方法
    function selectedItem(obj){
        //获取当前发生单击事件的元素对象
        var $elemThis = $(obj);
                //判断是否已为选中状态
        if($elemThis.attr("class").indexOf("selected")>0){ //已选中,则删除选中状态及span值
            //清空span的值
            $("#checkedPJLi").text("");
            //清除当前元素的selected样式
            $elemThis.removeClass("selected");
        }else{ //未选中,则添加选中状态,并将选中项的值赋予span
            //给当前元素添加名为selected样式
            $elemThis.addClass("selected");
            //由于是单选,所以我们需要将之前之前选中的li重置回去,即取消当前选中的样式selected
            $elemThis.siblings().removeClass("selected");
            var txt_this = $elemThis.text();
            $("#checkedPJLi").text(txt_this);
        }

    }
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jquery自动关闭ul li 生成的当前操作的Tab选项卡。
在开发编辑页面,完成数据提交后,PHP后台需要提示提交成功的信息,并且写jquery代码自动关闭由<div><ul><li>生成的当前操作的Tab选项卡,请问如何处理? 前端代码如下: ``` <div id="Hui-tabNav" class="Hui-tabNav hidden-xs"> <div class="Hui-tabNav-wp"> <ul id="min_title_list " class="acrossTab cl" > <li > <span data-href="welcome.html">首页</span> <em></em> </li> <li > <span data-href="customer.html">客户管理</span> <i></i> <em></em> </li> <li class="active" > <span data-href="customer_edit.html">编辑客户</span> <i></i> <em></em> </li> ::after </ul> </div> </div> ``` 补充说明: 在编辑客户的页面状态下,后台已经成功提交了,现在需要由后台写 jquery 代码,去前端自动触发关闭 li class="active" 的Tab选项卡。 注:i 标签是关闭图标,手动点击i标签,可以关闭当前的Tab选项卡,但我不是要手动点击的,是要由后台写jquery自动触发关闭的,请问应如何解决?谢谢!
如何获取选中的li的值
<div class="gf-select" id="province"> <span><em>请选择省份</em><i class="icon-jt"><input type="hidden" name="province" value="aaa"></i></span> <ul> <li data-value="">请选择省份</li> </ul> </div> <button class="sure-btn" type="button">确认保存</button> li在加载页面的时候会动态加载省份。然后点击确认按钮获取到选中的li的值
jQuery如何把从标签内的内容放入到对应的input的value中
如何把span标签内1,2,3的内容放入到对应1,2,3input的value中 <ul class="ul_class"> <li class="li_class"> 1<input id='input_1' value=""> <div id="div_1"> <span class="vals">1</span> </div> </li> <li class="li_class"> 2<input id='input_1' value=""> <div id="div_1"> <span class="vals">2</span> </div> </li> <li class="li_class"> 3<input id='input_1' value=""> <div id="div_1"> <span class="vals">3</span> </div> </li> </ul>
在用jquery的getjson做测试的时候遇到问题,无法输出,请解答?
<!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> <title>使用getJSON()方法异步加载JSON格式数据</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <div id="divtest"> <div class="title"> <span class="fl">我最喜欢的一项运动</span> <span class="fr"> <input id="btnShow" type="button" value="加载" /> </span> </div> <ul></ul> </div> <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); jQuery.getJSON("http://www.imooc.com/data/sport.json",function(data){ $this.attr("disabled", "true"); $.each(data, function (index, sport) { if(index==2) $("ul").append("<li>" + sport["name"] + "</li>"); }); }); }) }); </script> </body> </html>
点击span 出现一个ul列表 点击 ul li的值 赋给这个span
我写了两个span 分别点击的时候都可以使这个ul列表出现 但是 当点击这个ul li 的时候 两个span的值全被附上了 当其中 一个改变的时候 另一个也会随着变化 我的原意是 点那个 那个变 求大神解决![![图片说明](https://img-ask.csdn.net/upload/201706/06/1496711140_125555.png)图片说明](https://img-ask.csdn.net/upload/201706/06/1496711127_306960.png)
关于jquery clone的问题
请问我下面代码执行后为什么不能达到预期效果。我希望克隆列表中的所有连接并把他们包装到一个div标签里。大家帮忙分析下,谢谢! jquery代码如下: $(function() { var copy = $('.myList li a').clone(); copy.wrap($('#myDiv')); }); html代码缩影: <div id="someDiv">This is a &lt;div&gt; with an id of <tt>someDiv</tt></div> <div id="myDiv" title="myTitle1"><span>Hello</span></div> <div title="myTitle2"><span>Goodbye</span></div> <ul class="myList"> <li><a href="http://jquery.com">jQuery supports</a> <ul> <li><a href="css1">CSS1</a></li> <li><a href="css2">CSS2</a></li> <li><a href="css3">CSS3</a></li> <li>Basic XPath</li> </ul> </li> <li>jQuery also supports <ul> <li>Custom selectors</li> <li>Form selectors</li> </ul> </li> </ul>
怎么把span标签内容赋值到data-*** 自定义属性里?
``` <ul class="productImgBtnList clearfix"> <li data-index="0" class="productImgBtn col-3 grouped_elements"> <span data-hover="">1测试</span> </li> <li data-index="1" class="productImgBtn col-3 grouped_elements"> <span data-hover="">2测试</span> </li> <li data-index="2" class="productImgBtn col-3 grouped_elements"> <span data-hover="">3测试</span> </li> <li data-index="3" class="productImgBtn col-3 grouped_elements"> <span data-hover="">3测试</span> </li> <li data-index="4" class="productImgBtn col-3 grouped_elements"> <span data-hover="">4测试</span> </li> </ul> ``` 怎么把span标签内容赋值到data-hover里?JQ的方法怎么写?
Jquery 树形菜单展开有问题····求指教··
在Folder 2目录下的子目录Subfolder 2.1,点击Collapse All、Expand All后,就显示不正常,恳请指教! 以下为代码: <html> <head> <script language="javascript" src="jquery-1.4.2.min.js"></script> <link rel="stylesheet" href="demo/screen.css" type="text/css" /> <link rel="stylesheet" href="jquery.treeview.css" type="text/css" /> <script src="lib/jquery.cookie.js" type="text/javascript"></script> <script type="text/javascript" src="jquery.treeview.js"></script> <script> $(document).ready(function(){ $("#example").treeview({collapsed: true, control:"#sidetreecontrol", persist: "cookie"}); }); </script> </head> <body> <div id="main"> <div id="sidetree"> <div class="treeheader">&nbsp;</div> <div id="sidetreecontrol"> <a href="?#">Collapse All</a> | <a href="?#">Expand All</a> </div> <ul id="example" class="filetree"> <li><span class="folder">Folder 1</span> <ul> <li><span class="file">Item 1.1</span></li> </ul> </li> <li><span class="folder">Folder 2</span> <ul> <li><span class="folder">Subfolder 2.1</span> <ul > <li><span class="file">File 2.1.1</span></li> <li><span class="file">File 2.1.2</span></li> </ul> </li> <li><span class="file">File 2.2</span></li> </ul> </li> <li ><span class="folder">Folder 3 (closed at start)</span> <ul> <li><span class="file">File 3.1</span></li> </ul> </li> <li><span class="file">File 4</span></li> </ul> </div> </div> </body> </html>
关于用jquery做的轮播图
``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>焦点图展示</title> <style> * { padding: 0; margin: 0; border: none; list-style: none; } .box{ width:100%; height: 340px; position: relative; overflow: hidden; } .box ul{ position: relative; width:500%; height: 340px; } .box ul li{ float: left; width:20%; height:100%; z-index: 1; } li img{ width:100%; height:100%; } span{ width: 50px; height: 50px; font-size:180px; position: absolute; color: white; z-index: 4; } span:nth-of-type(1){ left: 50px; } span:nth-of-type(2){ right: 100px; } </style> </head> <body> <div class="box"> <span>&lt;</span> <span>&gt;</span> <ul> <li><img src="images/01.png" alt=""></li> <li><img src="images/02.png" alt=""></li> <li><img src="images/03.png" alt=""></li> <li><img src="images/04.png" alt=""></li> <li><img src="images/01.png" alt=""></li> </ul> </div> <script src="js/jquery-3.1.1.js"></script> <script> $(function (){ function moveL(){ $("ul").stop().animate({ left:"-="+parseInt($(".box").width())+"px" }); if($("ul").position().left<=-4*$(".box").width()){ $("ul").css("left",0); } } function moveR(){ $("ul").animate({ left:"+=1000px" }) } var timer = setInterval(moveL,1000); }) </script> </body> </html> ``` 代码是这些,问题很奇怪,当轮播到临界值的时候,css赋值left为0的时候会失败,通过输出left的值确实为0,可是图片竟然不会回到原位,如果把浏览器切换一下,就是最小化个1秒后打开就可以了,很莫名其妙,有大神懂吗
jquery 自己写的插件.在IE下失效问题!
见代码: [code="js"] (function($){ $.fn.recommend = function(options){ var defaults = { input:"#search111", appendTo: "#address_hot", list:".address_hotlist", placed_in:"div .demo", position: { my: "left top", at: "left bottom", collision: "none" } }; var options = $.extend(defaults, options); this.each(function(){ var address_hot = $('<div class="address_hot" id="address_hot">'+ '<div class="address_hotcity"><strong>热门城市</strong> (可直接输入城市或城市拼音)</div>'+ '<div class="address_hotlist">'+ '<ol class="address_hot_abb" style=""><li><span class="hot_selected">推荐</span></li><li><span>A-F</span></li><li><span>G-J</span></li><li><span>K-N</span></li><li><span>P-W</span></li><li><span>X-Z</span></li></ol>'+ '<ul class="address_hot_adress layoutfix" type="推荐">'+ '<li><a href="###" data="BJS|北京">九寨沟黄龙</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '<li><a href="###" data="BJS|北京">北京</a></li>'+ '</ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="A-F"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="G-J"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="K-N"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="P-W"></ul>'+ '<ul class="address_hot_adress layoutfix" style="display:none" type="X-Z"></ul>'+ '</div>'+ '</div>'+ '</div>'); $('body').append(address_hot); })(jQuery); $(document).ready(function(){ $('body').recommend(); }); [/code] [code="html"] <body id="bod"> <div class="demo" style="position:absolute; left:300px; top: 100px;"> <label for="search">Search: </label><input id="search111" value="中文/拼音" /> </div> <div id="cont"></div> </body> [/code] 上面的代码.IE7.8,都失效.firefox和chrome都是好的! 高手给看下
我使用的是jquery.validate插件,验证问题
<div class="iteye-blog-content-contain" style="font-size: 14px;"> <div class="new_content"> <div class="iteye-blog-content-contain" style="font-size: 14px;"> <p>我的验证代码是这样:</p> <div id="" class="dp-highlighter"> <div class="bar"> <div class="tools">Js代码  <a title="收藏这段代码"><img class="star" src="/images/icon_star.png" alt="收藏代码"></a> </div> </div> <ol class="dp-c" start="1"> <li><span><span class="comment">/* 正确信息的显示位置 */</span><span>  </span></span></li> <li><span>success: <span class="keyword">function</span><span>(label) {  </span></span></li> <li><span>   label.html(<span class="string">"&amp;nbsp;"</span><span>).parent().parent().removeClass(</span><span class="string">"error"</span><span>).addClass(</span><span class="string">"pass"</span><span>);  </span></span></li> <li><span>},  </span></li> <li><span><span class="comment">/* 错误信息的显示位置 */</span><span>  </span></span></li> <li><span>errorPlacement: <span class="keyword">function</span><span>(error, element) {  </span></span></li> <li><span>    element.parent().parent().removeClass(<span class="string">"pass"</span><span>).addClass(</span><span class="string">"error"</span><span>);  </span></span></li> <li><span>    element.parent().next().html(<span class="string">""</span><span>);  </span></span></li> <li><span>    error.appendTo( element.parent().next());  </span></li> <li><span>},  </span></li> </ol> </div> <p>验证失败之后:</p> <p><img src="http://dl.iteye.com/upload/picture/pic/125044/8866e612-5587-3d5e-95e3-18825e209a7c.bmp" alt="" width="583" height="174"></p> <p> </p> <p>验证成功:</p> <p><img src="http://dl.iteye.com/upload/picture/pic/125046/a0521b5d-ac96-3a6e-87ce-c2459c1ec283.bmp" alt="" width="569" height="164"></p> <p>再次验证失败:</p> <p><img src="http://dl.iteye.com/upload/picture/pic/125048/6e207e4c-7d62-39a6-88cf-74186830cc3a.bmp" alt="" width="585" height="165"></p> <p>那个样式的打钩打叉就不会改变了 !</p> <p>求帮助啊!</p> </div> </div> </div>
关于jquery 选择器的问题
我做了一个导航下拉列表,如图: ![](https://img-ask.csdn.net/upload/201611/22/1479791755_723568.png) 但是现在有个问题 就是我用选择器控制他显示和隐藏的时候有个问题代码 如下: ``` <script type="text/javascript"> ``` ``` $(function(){ $(".leftnav h2").click(function(){ alert("asdsad"); $(this).next().slideToggle(200); $(this).toggleClass("on"); }) $(".leftnav ul li a").click(function(){ $("#a_leader_txt").text($(this).text()); $(".leftnav ul li a").removeClass("on"); $(this).addClass("on"); }) }); </script> ``` 以下是 页面的 布局 但是 这个事件根本就没有进方法 ``` <div class="leftnav"> <div class="leftnav-title"><strong><span class="icon-list"></span>菜单列表</strong></div> <h2><span class="icon-user"></span>产品管理</h2> <ul style="display:block"> <li><a href="info.html" target="right"><span class="icon-caret-right"></span>产品修改</a></li><li><a href="cate.html" target="right"><span class="icon-caret-right"></span>产品删除</a></li><li><a href="cate.html" target="right"><span class="icon-caret-right"></span>产品添加</a></li></ul><h2><span class="icon-pencil-square-o"></span>公司信息管理</h2><ul> <li><a href="info.html" target="right"><span class="icon-caret-right"></span>公司介绍</a></li></ul><h2><span class="icon-pencil-square-o"></span>角色管理</h2><ul> <li><a href="info.html" target="right"><span class="icon-caret-right"></span>角色删除</a></li></ul></div> ```
现在已经拿到ul如何获取他的同胞Input输入框的值
<div class="col-sm-10"> <div id="imagListDiv" style="display: none;"></div> <ul id="imagListDiv_imgUl" class="list-inline"> <li> <img class="li_img_show" src="${imgUrl}"> <div class="removeDiv"> <span class="glyphicon glyphicon-remove removeDiv_span"> </div> </li> </ul> <form:input type="hidden" path="pictures" htmlEscape="false" maxlength="100" class="form-control "/> </div> 我需要点击这个li中图片来将图片信息保存在input框中,现在通过点击已经获取到li中img;那么如何将这个url存入input框中(input的name或id是没有传递的,需要通过父子关系进行获取赋值),如何通过父子关系给input框赋值
jquery控制frame内点击然后改变另一个frame某个标签的文本内容
frame页面: ``` <frameset> <frameset rows="25%,75%" border="1" frameborder="1" bordercolor="#1E90FF" > <frame src="#" id="top" name="top" noresize="noresize" scrolling="no" border="1" frameborder="1" bordercolor="#1E90FF" /> <frameset cols="10%,90%" > <frame src="#" id="left" name="left" noresize="noresize" scrolling="yes" border="1" frameborder="0" bordercolor="#1E90FF" /> <frame src="#" name="mainFrame" id="mainFrame" border="1" frameborder="0" bordercolor="#1E90FF"/> </frameset> </frameset> </frameset> ``` top页面: ``` <script type="text/javascript"> $(document).ready(function(){ $("#yh").click(function(){ $(parent.frames["left"].document).find("#show").html("xxxx"); }); }); </script> <li><a id="yh" href="#" target="mainFrame"><span>xxxx</span></a></li> ``` 当我点击这个标签时,我想改变left.jsp 页面上id为show的标签的内容。但是没反应。 请各位前辈不吝赐教!!谢谢!!!
jquery mobile ajax加载后不能展开
各位大神帮忙看一下感激不尽 这是静态页面写的代码 可以正常的展开 收起 ``` <div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" class="ui-collapsible ui-collapsible-inset ui-first-child ui-collapsible-collapsed"> <h6 class="ui-collapsible-heading ui-collapsible-heading-collapsed"> <a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-up-c" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d" data-iconpos="left" data-theme="c"> <span class="ui-btn-inner"> <span class="ui-btn-text">潇洒 2013-12-3 早上 <span class="ui-collapsible-heading-status"> click to expand contents </span> </span> <span class="ui-icon ui-icon-shadow ui-icon-arrow-d">&nbsp; </span> </span> </a> </h6> <div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true"> <ul data-role="listview" class="order-content ui-listview"> <li class="ui-li ui-li-static ui-btn-up-c ui-first-child">来源</li> <li class="ui-li ui-li-static ui-btn-up-c">部门(xx班/xx单位)</li> <li class="ui-li ui-li-static ui-btn-up-c">手机长号</li> <li class="ui-li ui-li-static ui-btn-up-c ui-last-child"> <form action="" method="post"> <div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" data-inline="true" data-mini="true" data-disabled="false" class="ui-submit ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all ui-mini ui-btn-inline" aria-disabled="false"><span class="ui-btn-inner"><span class="ui-btn-text">同意</span></span><button type="submit" value="yes" data-inline="true" data-mini="true" data-theme="b" class="ui-btn-hidden" data-disabled="false">同意</button></div> <div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" data-inline="true" data-mini="true" data-disabled="false" class="ui-submit ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all ui-mini ui-btn-inline" aria-disabled="false"><span class="ui-btn-inner"><span class="ui-btn-text">拒绝</span></span><button type="submit" value="no" data-inline="true" data-mini="true" data-theme="b" class="ui-btn-hidden" data-disabled="false">拒绝</button></div> </form> </li> </ul> </div></div> ``` 但是用ajax加载 看起来也一个样子 但是点击没有展开的效果了 也展不开 是不是jquery mobile有什么特性需要禁用?或者是其他原因?
jquery tree 上不能添加<a ..></a>连接,帮忙看看代码?
<pre name="code" class="html">&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;使用指南&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="jquery-lib/themes/default/easyui.css" /&gt; &lt;script type="text/javascript" src="jquery-lib/jquery-1.4.2.min.js" &gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery-lib/jquery.easyui.min.js" &gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function(){ $("#tt").tree(); }); &lt;/script&gt; &lt;style type="text/css"&gt; *{margin:0; padding:0; font-family: Arial,Sans-serif; list-style-image: none;} p,var,a,strong,div,dl,dd,ol,span,input{font-size:12px;} a{text-decoration:none; color:#000; } a:hover{cursor:pointer; display:block; color:#000;} a img{border:0;} a{border:none; display:block; } em{font-style:normal;} ul{list-style-type:none; padding:0;} .clear{clear:both;} #header {height:100px; border:1px solid #ccc; background: url(img/header_bg.jpg) repeat-x; } #sidebar{width:220px; float:left; border:1px solid #ccc; margin-left:10px; margin-top:5px; padding-top:5px;} #contents{width:710px; float:left; margin-left:10px; margin-top:5px; border:1px solid #ccc;} #bottom{height:50px; background: #4ac1f2; margin-top:5px; padding-top:25px;} .p_bot{margin-left:200px; color:#fff; font-size:14px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="header"&gt; &lt;img src="img/top.gif" /&gt; &lt;/div&gt; &lt;div id="sidebar"&gt; &lt;div id="mytree" style="width:218px; float:left;"&gt; &lt;ul id="tt"&gt; &lt;li&gt; &lt;span&gt;帮助文档&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;PC版本帮助文档&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;部署文档&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;服务器端&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;Windows平台&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;Linux平台&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;客户端&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;安装&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;使用说明&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;服务器端&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;企业管理器&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;系统管理器&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;客户端&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;软件简介&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;登录&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;好友&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;好友操作&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;发送消息&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;查看资料&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;修改备注&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;删除好友&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;移动好友至&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;好友组操作&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;添加分组&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;删除分组&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;重命名分组&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;群/讨论组&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;加入群&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;创建群&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;群管理&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;群设置&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;群成员&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;群名片修改&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;最近联系人&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;未读消息&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;查找/添加好友&lt;/span&gt; &lt;ul&gt; &lt;li&gt; &lt;span&gt;查找联系人&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;查找群&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;消息管理器&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;资源共享&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;网络硬盘&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;企业通讯录&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span&gt;开发文档&lt;/span&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--主要内容显示区--&gt; &lt;div id="contents"&gt; &lt;/div&gt; &lt;!--主要内容显示区--&gt; &lt;div class="clear"&gt; &lt;/div&gt; &lt;div id="bottom"&gt; &lt;p class="p_bot" &gt;沪ICP备 xxxx © 2003-2010 xx CopyRight© 2003-2010 All Rights Reserved&lt;/p&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre> <p> </p> <p>问题是在最里层的文字上添加链接,加上a标记,不能跳转。。</p> <p>代码在附件中。。 </p> <p>有劳各位大侠了。小弟再次谢了</p>
jquery_treeview 怎么没有虚线连接起来
![图片说明](https://img-ask.csdn.net/upload/201907/08/1562555757_299047.png) <%@include file="/WEB-INF/jsp/public/header.jsp"%> <script type="text/javascript" src="${pageContext.request.contextPath}/script/jquery_treeview/jquery.treeview.js"></script> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/script/jquery_treeview/jquery.treeview.css"> <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/style/blue/file.css" /> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/script/jquery_treeview/screen.css"> <script type="text/javascript" src="${pageContext.request.contextPath}/script/jquery_treeview/jquery.cookie.js"></script> <script type="text/javascript"> $("#tree").treeview(); </script> <!--显示文件夹树--> <ul id="tree" class="treeview"> <li> <span class="folder"> <s:a action="knowledgeManage_list?parentId=%{id}" namespace="/">根目录</s:a> </span> <s:iterator value="topList"> <ul> <li> <span class="folder"> <s:a action="knowledgeManage_list?parentId=%{id}" namespace="/">${name}</s:a></span> <s:iterator value="children"> <ul> <li> <span class="folder"> <s:a action="knowledgeManage_list?parentId=%{parent.id}" namespace="/">${name}</s:a></span> <s:iterator value="children"> <ul> <li> <span class="folder"> <s:a action="knowledgeManage_list?parentId=%{parent.id}" namespace="/">${name}</s:a></span> <s:iterator value="children"> <ul> <li> <span class="folder"> <s:a action="knowledgeManage_list?parentId=%{parent.id}" namespace="/">${name}</s:a></span> </li> </ul> </s:iterator> </li> </ul> </s:iterator> </li> </ul> </s:iterator> </li> </ul> </s:iterator> </li> </ul>
两个JQuery问题,一个是收缩展开的代码、一个是完整全选的代码
``` <script type="text/javascript"> // 收缩展开效果 $(document).ready(function(){ $("a.click").toggle( function() { $(this).parent().next("ul").show('fast'); }, function() { $(this).parent().next("ul").hide('slow'); }); }); </script> <ul class="sortSub" id="sortSub"> <li> <a class="click"><span></span>相机配件</a> <ul id="ul1"> <li><a href="../../list.html">支架</a></li> <li><a href="../../list.html">机身附件</a></li> <li><a href="../../list.html">清洁用品</a></li> <li><a href="../../list.html">滤镜</a></li> <li><a href="../../list.html">电池-充电器</a></li> <li><a href="../../list.html">相机包</a></li> <li><a href="../../list.html">镜头</a></li> <li><a href="../../list.html">闪光灯</a></li> </ul> </li> <li> <a class="click"><span></span>手机数码配件</a> <ul> <li><a href="../../list.html">贴膜</a></li> <li><a href="../../list.html">存储卡</a></li> <li><a href="../../list.html">手机壳-保护壳</a></li> <li><a href="../../list.html">数据线</a></li> <li><a href="../../list.html">电池-充电器</a></li> <li><a href="../../list.html">移动电源</a></li> <li><a href="../../list.html">蓝牙耳机</a></li> <li><a href="../../list.html">读卡器</a></li> <li><a href="../../list.html">其他配件</a></li> </ul> </li> <li> <a class="click"><span></span>摄像摄影</a> <ul> <li><a href="../../list.html">单反相机</a></li> <li><a href="../../list.html">单电-微单相机</a></li> <li><a href="../../list.html">拍立得</a></li> <li><a href="../../list.html">摄像机</a></li> <li><a href="../../list.html">数码相机</a></li> </ul> </li> <li> <a class="click"><span></span>数码影音</a> <ul> <li><a href="../../list.html">MP3-MP4随身听</a></li> <li><a href="../../list.html">mini音响</a></li> <li><a href="../../list.html">录音笔</a></li> <li><a href="../../list.html">数码相框</a></li> <li><a href="../../list.html">耳机-耳麦</a></li> <li><a href="../../list.html">高清播放器</a></li> <li><a href="../../list.html">麦克风-话筒</a></li> </ul> </li> <li> <a class="click"><span></span>其他电子</a> <ul> <li><a href="../../list.html">学习机</a></li> <li><a href="../../list.html">对讲机</a></li> <li><a href="../../list.html">收音机</a></li> <li><a href="../../list.html">电子书</a></li> </ul> </li> </ul> ``` 这个总是点击一个展开链接,其他的就都一起展开或者收缩了。 ``` <script> $(function(){ //单独选择某一个 $("input[name='check_item']").click(function(){ var index=$("input[name='check_item']").index(this); $("input[name='check_item']").eq(index).toggleClass("checked");//伪复选 }); //全选 $("#check_all,#box_all").click(function(){ $("input[name='check_item']").attr("checked",$(this).attr("checked")); $("input[name='check_item'],#check_all,#box_all").toggleClass("checked"); }); }); $(function () { //全选或全不选 $("#box_all").click(function(){ if(this.checked){ $("#list :checkbox").attr("checked", true); }else{ $("#list :checkbox").attr("checked", false); } }); }); function allchk(){ var chknum = $("#list :checkbox").size();//选项总个数 var chk = 0; $("#list :checkbox").each(function () { if($(this).attr("checked")==true){ chk++; } }); if(chknum==chk){//全选 $("#box_all").attr("checked",true); }else{//不全选 $("#box_all").attr("checked",false); } } </script> <section class="s-list cf" id="dataList"> <div class="wrap"> <form method="post" action="order.html"> <div class="container"> <div class="cart clear"> <div class="shadow"> <table width="100%" border="0"> <tr> <td width="85%"> <h5 class="fl">购买到的产品</h5></li> </td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_all" id="check_all" > </td> </tr> </table> <div class="c_list cb"> <ul> <li> <table> <tr> <td width="15%"><img src="images/cart_img.jpg" width="52" height="44"></td> <td width="65%"> <p>新奇士脐橙,8斤,甜中带微</p> <p><span class="lse">¥198.00</span> <span class="pl15">数量:<input type="text" name="num" class="num"> 包</span></p> </td> <td width="10%" valign="middle"><a href="#" class="del">删除</a></td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_item" id="check_item"></td> </tr> </table> </li> <li> <table> <tr> <td width="15%"><img src="images/cart_img.jpg" width="52" height="44"></td> <td width="65%"> <p>新奇士脐橙,8斤,甜中带微</p> <p><span class="lse">¥198.00</span> <span class="pl15">数量:<input type="text" name="num" class="num"> 包</span></p> </td> <td width="10%" valign="middle"><a href="#" class="del">删除</a></td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_item" id="check_item"></td> </tr> </table> </li> <li> <table> <tr> <td width="15%"><img src="images/cart_img.jpg" width="52" height="44"></td> <td width="65%"> <p>新奇士脐橙,8斤,甜中带微</p> <p><span class="lse">¥198.00</span> <span class="pl15">数量:<input type="text" name="num" class="num"> 包</span></p> </td> <td width="10%" valign="middle"><a href="#" class="del">删除</a></td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_item" id="check_item"></td> </tr> </table> </li> <li> <table> <tr> <td width="15%"><img src="images/cart_img.jpg" width="52" height="44"></td> <td width="65%"> <p>新奇士脐橙,8斤,甜中带微</p> <p><span class="lse">¥198.00</span> <span class="pl15">数量:<input type="text" name="num" class="num"> 包</span></p> </td> <td width="10%" valign="middle"><a href="#" class="del">删除</a></td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_item" id="check_item"></td> </tr> </table> </li> <li> <table> <tr> <td width="15%"><img src="images/cart_img.jpg" width="52" height="44"></td> <td width="65%"> <p>新奇士脐橙,8斤,甜中带微</p> <p><span class="lse">¥198.00</span> <span class="pl15">数量:<input type="text" name="num" class="num"> 包</span></p> </td> <td width="10%" valign="middle"><a href="#" class="del">删除</a></td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_item" id="check_item"></td> </tr> </table> </li> <li> <table> <tr> <td width="15%"><img src="images/cart_img.jpg" width="52" height="44"></td> <td width="65%"> <p>新奇士脐橙,8斤,甜中带微</p> <p><span class="lse">¥198.00</span> <span class="pl15">数量:<input type="text" name="num" class="num"> 包</span></p> </td> <td width="10%" valign="middle"><a href="#" class="del">删除</a></td> <td width="10%"> <input type="checkbox" class="checkbox" name="check_item" id="check_item"></td> </tr> </table> </li> </ul> </div> </div> </div> </div> <div class="cart_bg"> <table width="100%" border="0"> <tr> <td width="3%"></td> <td width="25%"><input type="checkbox" class="checkbox" id="box_all"> 全选</td> <td width="49%"> <p> <span class="pl15">金额合计:</span><span class="ff6">¥198.00</span></p> </td> <td width="20%"><button class="submit">去结算</button></td> <td width="3%"></td> </tr> </table> </div> </form> </div> </section> ``` 全选这个我看不懂该怎么添加完整,判断是否全部被选中 求大神补完~~~~跪求
jquery 选项卡之间如何传值
如题 ``` <div class="tabs" currentIndex="0" eventType="click"> <div class="tabsHeader"> <div class="tabsHeaderContent"> <ul> <li><a href="javascript:;"><span>A</span></a></li> <li><a href="javascript:;"><span>B</span></a></li> <li><a href="javascript:;"><span>C</span></a></li> </ul> </div> </div> ``` 如上代码所示,就是个单纯的选项卡,现在我要把A选项卡里面的表单中的ID批量传输到B选项卡的里面去,该怎么传值?求大神解惑
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
为啥国人偏爱Mybatis,而老外喜欢Hibernate/JPA呢?
关于SQL和ORM的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行了一番讨论,感触还是有一些,于是就有了今天这篇文。 声明:本文不会下关于Mybatis和JPA两个持久层框架哪个更好这样的结论。只是摆事实,讲道理,所以,请各位看官勿喷。 一、事件起因 关于Mybatis和JPA孰优孰劣的问题,争论已经很多年了。一直也没有结论,毕竟每个人的喜好和习惯是大不相同的。我也看...
阿里P8数据架构师:顶级开发者都在用什么数据库?
其实从去年已经隐隐约约感觉到数据库的有变化,只是没有想到变得这么快。今年的一些事情实实在在地给了某些数据库重击,如果以前去某数据库还是喊喊,然后该用还用,今年从传统领域刮起的去某数据库的风,已经开始了,并且后面的乌云密布也看得见。 最近看一篇国外的开源产品提供厂商的一篇文字,主要是在询问了他的几百位客户后得出了下图中的2019年数据库的使用趋势。 从图中可以看出,MySQL以38.9...
面试官:关于Java性能优化,你有什么技巧
通过使用一些辅助性工具来找到程序中的瓶颈,然后就可以对瓶颈部分的代码进行优化。 一般有两种方案:即优化代码或更改设计方法。我们一般会选择后者,因为不去调用以下代码要比调用一些优化的代码更能提高程序的性能。而一个设计良好的程序能够精简代码,从而提高性能。 下面将提供一些在JAVA程序的设计和编码中,为了能够提高JAVA程序的性能,而经常采用的一些方法和技巧。 1.对象的生成和大小的调整。 J...
互联网公司分布式系统架构演进之路
介绍 分布式和集群的概念经常被搞混,现在一句话让你明白两者的区别。 分布式:一个业务拆分成多个子业务,部署在不同的服务器上 集群:同一个业务,部署在多个服务器上 例如:电商系统可以拆分成商品,订单,用户等子系统。这就是分布式,而为了应对并发,同时部署好几个用户系统,这就是集群 1 单应用架构 2 应用服务器和数据库服务器分离 单机负载越来越来,所以要将应用服务器和数据库服务器分离 3 应用服务...
【图解算法面试】记一次面试:说说游戏中的敏感词过滤是如何实现的?
版权声明:本文为苦逼的码农原创。未经同意禁止任何形式转载,特别是那些复制粘贴到别的平台的,否则,必定追究。欢迎大家多多转发,谢谢。 小秋今天去面试了,面试官问了一个与敏感词过滤算法相关的问题,然而小秋对敏感词过滤算法一点也没听说过。于是,有了下下事情的发生… 面试官开怼 面试官:玩过王者荣耀吧?了解过敏感词过滤吗?,例如在游戏里,如果我们发送“你在干嘛?麻痹演员啊你?”,由于“麻痹”是一个敏感词,...
程序员需要了解的硬核知识之汇编语言(一)
之前的系列文章从 CPU 和内存方面简单介绍了一下汇编语言,但是还没有系统的了解一下汇编语言,汇编语言作为第二代计算机语言,会用一些容易理解和记忆的字母,单词来代替一个特定的指令,作为高级编程语言的基础,有必要系统的了解一下汇编语言,那么本篇文章希望大家跟我一起来了解一下汇编语言。 汇编语言和本地代码 我们在之前的文章中探讨过,计算机 CPU 只能运行本地代码(机器语言)程序,用 C 语言等高级语...
OpenCV-Python 绘图功能 | 七
目标 学习使用OpenCV绘制不同的几何形状 您将学习以下功能:cv.line(),cv.circle(),cv.rectangle(),cv.ellipse(),cv.putText()等。 代码 在上述所有功能中,您将看到一些常见的参数,如下所示: img:您要绘制形状的图像 color:形状的颜色。对于BGR,将其作为元组传递,例如:(255,0,0)对于蓝色。对于灰度,只需传递...
GitHub 标星 1.6w+,我发现了一个宝藏项目,作为编程新手有福了!
大家好,我是 Rocky0429,一个最近老在 GitHub 上闲逛的蒟蒻… 特别惭愧的是,虽然我很早就知道 GitHub,但是学会逛 GitHub 的时间特别晚。当时一方面是因为菜,看着这种全是英文的东西难受,不知道该怎么去玩,另一方面是一直在搞 ACM,没有做一些工程类的项目,所以想当然的以为和 GitHub 也没什么关系(当然这种想法是错误的)。 后来自己花了一个星期看完了 Pyt...
Java知识体系最强总结(2020版)
更新于2019-12-15 10:38:00 本人从事Java开发已多年,平时有记录问题解决方案和总结知识点的习惯,整理了一些有关Java的知识体系,这不是最终版,会不定期的更新。也算是记录自己在从事编程工作的成长足迹,通过博客可以促进博主与阅读者的共同进步,结交更多志同道合的朋友。特此分享给大家,本人见识有限,写的博客难免有错误或者疏忽的地方,还望各位大佬指点,在此表示感激不尽。 文章目录...
计算机专业的书普遍都这么贵,你们都是怎么获取资源的?
介绍几个可以下载编程电子书籍的网站。 1.Github Github上编程书资源很多,你可以根据类型和语言去搜索。推荐几个热门的: free-programming-books-zh_CN:58K 星的GitHub,编程语言、WEB、函数、大数据、操作系统、在线课程、数据库相关书籍应有尽有,共有几百本。 Go语言高级编程:涵盖CGO,Go汇编语言,RPC实现,Protobuf插件实现,Web框架实...
卸载 x 雷某度!GitHub 标星 1.5w+,从此我只用这款全能高速下载工具!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个喜欢在网上收集各种资源的蒟蒻… 网上资源眼花缭乱,下载的方式也同样千奇百怪,比如 BT 下载,磁力链接,网盘资源等等等等,下个资源可真不容易,不一样的方式要用不同的下载软件,因此某比较有名的 x 雷和某度网盘成了我经常使用的工具。 作为一个没有钱的穷鬼,某度网盘几十 kb 的下载速度让我...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Fiddler+夜神模拟器进行APP抓包
Fiddler+夜神模拟器进行APP抓包 作者:霞落满天 需求:对公司APP进行抓包获取详细的接口信息,这是现在开发必备的。 工具:Fiddler抓包,夜神模拟器 模拟手机 安装APP 1.下载Fiddler https://www.telerik.com/download/fiddler Fiddler正是在这里帮助您记录计算机和Internet之间传递的所有HTTP和HTTPS通信...
小白学 Python 爬虫(42):春节去哪里玩(系列终篇)
人生苦短,我用 Python 前文传送门: 小白学 Python 爬虫(1):开篇 小白学 Python 爬虫(2):前置准备(一)基本类库的安装 小白学 Python 爬虫(3):前置准备(二)Linux基础入门 小白学 Python 爬虫(4):前置准备(三)Docker基础入门 小白学 Python 爬虫(5):前置准备(四)数据库基础 小白学 Python 爬虫(6):前置准备(...
一文带你看清 HTTP 所有概念
上一篇文章我们大致讲解了一下 HTTP 的基本特征和使用,大家反响很不错,那么本篇文章我们就来深究一下 HTTP 的特性。我们接着上篇文章没有说完的 HTTP 标头继续来介绍(此篇文章会介绍所有标头的概念,但没有深入底层) HTTP 标头 先来回顾一下 HTTP1.1 标头都有哪几种 HTTP 1.1 的标头主要分为四种,通用标头、实体标头、请求标头、响应标头,现在我们来对这几种标头进行介绍 通用...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
[数据结构与算法] 排序算法之归并排序与基数排序
归并排序 归并排序(MERGE-SORT)是利用归并的思想实现的排序方法,该算法采用经典的分治(divide-and-conquer)策略(分治法将问题分(divide)成一些小的问题然后递归求解,而治(conquer)的阶段则将分的阶段得到的各答案"修补"在一起,即分而治之)。 基本思想 可以看到这种结构很像一棵完全二叉树,本文的归并排序我们采用递归去实现(也可采用迭代的方式去实现)。分阶段可以...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
史上最牛逼的 Eclipse 快捷键,提高开发效率!
如果你在使用IDEA,请参考博主另外的一篇idea快捷键的博客。
相关热词 c# singleton c#中类的默认值是 c#各种进制之间的转换 c# 正则表达式保留汉字 c#后台跨域 c#基础代码大全 c#指定combox选择 c#关系 mono c# 相差毫秒 用c#做一个简易计算器
立即提问