sundaxiao
sundaxiao

jQuery-样式（jQuery选择器）

ID选择器


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery选择器之id选择器title>
    <style>
        div {
            width:100px;
            height:90px;
            float:left;
            padding:5px;
            margin:10px;
            background-color: #838685;
        }
    style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>
<body>
<div id="js">
    <p>div id="js"p>
    <p>got you!p>
div>
<div id="jq">
    <p>div id="jq"p>
    <p>got you!p>
div>
<div id="no">
    <p>div id="no"p>
    <p>got you!p>
div>
    <script type="text/javascript">
        var js = document.getElementById('js');
        js.style.border = '3px solid blue';
    script>

    <script type="text/javascript">
        $('#jq').css('border','3px solid red');
    script>

body>
html>

类选择器


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery类选择器title>
    <style>
        div {
            width: 100px;
            height: 100px;
            float: left;
            padding: 5px;
            margin: 10px;
            background-color: #cccccc;
        }
    style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>
<body>
<div class="js">
    <p>div id="js"p>
    <p>got you!p>
div>
<div class ="jq">
    <p>div id="jq"p>
    <p>got you!p>
div>
<div id="no">
    <p>div id="no"p>
    <p>got you!p>
div>

<script type="text/javascript">
    
    var oDiv = document.getElementsByClassName('js');
    for(var i=0; i'3px solid green';
    }
script>

<script type="text/javascript">
    
    $('.jq').css('border','3px solid red');
script>

body>
html>

元素选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>title>
    <style>
        div {
            width: 100px;
            height: 90px;
            float: left;
            padding: 5px;
            margin: 5px;
            background-color: #EEEEEE;
        }
    style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js">script>
head>
<body>
<div class="aaron">
    <p>class="aaron"p>
    <p>选中p>
div>
<div class="aaron">
    <p>class="aaron"p>
    <p>选中p>
div>
<div class="imooc">
    <p>class="imooc"p>
    <p>jQuery选中p>
div>
<div class="imooc">
    <p>class="imooc"p>
    <p>jQuery选中p>
div>

<script type="text/javascript">
    //通过原生方法处理
    //获取到所有的节点标记名为div的元素
    //给每一个div加上绿色的边框
    var divs = document.getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
        divs[i].style.border = "5px solid green";
    }
script>
<script type="text/javascript">
    //通过jQuery直接传入标签名p
    //可以多个标签，所以得到的同样也是一个合集
    $('p').css("border", "5px solid red");
script>

body>

html>

全选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>jQuery全选择器title>
    <style>
        div {
            width: 100px;
            height: 90px;
            float: left;
            padding: 5px;
            margin: 5px;
            background-color: #EEEEEE;
        }
    style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>
<body>
<div class="aaron">
    <p>class="aaron"p>
    <p>选中p>
div>
<div class="aaron">
    <p>class="aaron"p>
    <p>选中p>
div>
<div class="imooc">
    <p>class="imooc"p>
    <p>jQuery选中p>
div>
<div class="imooc">
    <p>class="imooc"p>
    <p>jQuery选中p>
div>

<script type="text/javascript">
    
    //获取页面中所有的元素
    var elements1 = document.getElementsByTagName('*');
script>
<script type="text/javascript">
    
    //获取页面中所有的元素
    var elements2 = $('*');
    //原生与jQuery方法比较
    //===表示数据和类型都相等
    if(elements2.length === elements1.length){
        elements2.css("border","3px solid red");
    }
script>
body>

html>

层级选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>jQuery层级选择器title>
    <link rel="stylesheet" href="imooc.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>



<h2>子选择器与后代选择器h2>
<div class="left">
    <div class="aaron">
        <p>div下的第一个p元素p>
    div>
    <div class="aaron">
        <p>div下的第一个p元素p>
    div>
div>
<div class="right">
    <div class="imooc">
        <article>
            <p>div下的article下的p元素p>
        article>
    div>
    <div class="imooc">
        <article>
            <p>div下的article下的p元素p>
        article>
    div>
div>

<script type="text/javascript">
    //子选择器
    //$('div > p') 选择所有div元素里面的子元素P
    $('div>p').css("border", "5px solid green");
script>

<script type="text/javascript">
    //后代选择器
    //$('div  p') 选择所有div元素里面的p元素
    $('div article').css("border", "5px solid red");
script>


<h2>相邻兄弟选择器与一般兄弟选择器h2>
<div class="bottom">
    <div>兄弟节点div, +~选择器不能向前选择div>
    <span class="prev">选择器span元素span>
    <div>span后第一个兄弟节点divdiv>
    <div>兄弟节点div
        <div class="small">子元素divdiv>
    div>
    <span>兄弟节点span,不可选span>
    <div>兄弟节点divdiv>
div>

<script type="text/javascript">
    //相邻兄弟选择器
    //选取prev后面的第一个的div兄弟节点
    $('.prev+div').css("border", "3px solid blue");
script>

<script type="text/javascript">
    //一般相邻选择器
    //选取prev后面的所有的div兄弟节点
    $('.prev~span').css("border", "3px solid red");
script>

body>

html>

jQuery-样式（jQuery选择器）_第1张图片

基本筛选选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>jQuery基本筛选选择器title>
    <link rel="stylesheet" href="imooc.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>
<h2>基本筛选器h2>
<h3>:first/:last/:even/:oddh3>
<div class="left">
    <div class="div">
        <p>div:firstp>
        <p>:evenp>
    div>
    <div class="div">
        <p>:oddp>
    div>
    <div class="div">
        <p>:evenp>
    div>
    很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，
    为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。
    筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器

    <div class="div">
        <p>:oddp>
    div>
    <div class="div">
        <p>:evenp>
    div>
    <div class="div">
        <p>div:lastp>
        <p>:oddp>
    div>
div>
<script type="text/javascript">
    //找到第一个div
    $('.div:first').css("color", "#CD00CD");
script>

<script type="text/javascript">
    //找到最后一个div
    $('.div:last').css("color", "#CD00CD");
script>

<script type="text/javascript">
    //:even 选择所引值为偶数的元素，从 0 开始计数
    $('.div:even').css("border", "3px groove red");
script>

<script type="text/javascript">
    //:odd 选择所引值为奇数的元素，从 0 开始计数
    $('.div:odd').css("border", "3px groove blue");
script>


<h3>:eq/:gt/:lth3>
<div class="left">
    <div class="choose">
        <p>:lt(3)p>
    div>
    <div class="choose">
        <p>:lt(3)p>
    div>
    <div class="choose">
        <p>:eq(2)p>
    div>
    <div class="choose">
    div>
    <div class="choose">
        <p>:gt(3)p>
    div>
    <div class="choose">
        <p>:gt(3)p>
    div>
div>
<script type="text/javascript">
    //:eq
    //选择单个
    $('.choose:eq(2)').css("border", "3px groove blue");
script>

<script type="text/javascript">
    //:gt 选择匹配集合中所有索引值大于给定index参数的元素
    $('.choose:gt(3)').css("border", "3px groove blue");
script>

<script type="text/javascript">
    //:lt 选择匹配集合中所有索引值小于给定index参数的元素
    //与:gt相反
    $('.choose:lt(2)').css("color", "#CD00CD");
script>

<h3>:noth3>
<div class="left">
    <div>
        <input type="checkbox" name="a" />
        <p>choosep>
    div>
    <div>
        <input type="checkbox" name="b" />
        <p>worldp>
    div>
    <div>
        <input type="checkbox" name="c" checked="checked" />
        <p>othersp>
    div>
div>
<script type="text/javascript">
    //:not 选择所有元素去除不匹配给定的选择器的元素
    //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色
    $('input:not(:checked)+p').css("background-color", "#CD00CD");
script>
body>

html>

内容筛选选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>jQuery内容筛选选择器title>
    <link rel="stylesheet" href="imooc.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>










<h3>:contains/:hash3>
<div class="left">
    <div class="div">
        <p>contentp>
    div>
    <div class="div">
        <p>contentp>
    div>
    <div class="div">
        <p>
            <span>:hasspan>
        p>
    div>
    <div class="div">
        <p>contentp>
    div>
div>

<script type="text/javascript">
    //查找所有class='div'中DOM元素中包含"contains"的元素节点
    //并且设置颜色
    $('.div:contains("content")').css("color", "#CD00CD");
script>

<script type="text/javascript">
    //查找所有class='div'中DOM元素中包含"span"的元素节点
    //并且设置颜色
    $('.div:has(span)').css("color", "blue");
script>


<h3>:parent/:emptyh3>
<div class="left">
    <div class="aaron">
        <a>:parenta>
    div>
    <div class="aaron">
        <a>:parenta>
    div>
    <div class="aaron">
        <a>:parenta>
    div>
    <div class="aaron">
        <a>a>
    div>
div>
<script type="text/javascript">
    //选择所有包含子元素或者文本的a元素
    //增加一个蓝色的边框
    $('a:parent').css("border", "3px groove blue");
script>

<script type="text/javascript">
    //找到a元素下面的所有空节点(没有子元素)
    //增加一段文本与边框
    $('a:empty').text(":empty").css("border", "3px groove red");
script>

body>

html>

可见性筛选选择器


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery可见性筛选选择器title>
    <link rel="stylesheet" href="2-9.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>
<body>

隐藏一个元素的方式：
1，CSS display属性的值为none。
2，type="hidden"的表单元素。
3，宽度和高度都显式设置为0。
4，一个祖先元素是隐藏的，该元素是不会在页面上显示的。
5，CSS visibility的值是hidden。
6，CSS opacity的值是0。

<h2>可见性筛选选择器h2>
<h3>:visible/:hiddenh3>
<div class="left">
    <div class="div">
        <a>displaya>
        <p id="div1" style="display:none;">displayp>
    div>
    <div class="div">
        <a>widtha>
        <a>heighta>
        <p id="div2" style="width:0;height:0">width/heightp>
    div>
    <div class="div">
        <a>visibilitya>
        <a>opacitya>
        <p id="div3" style="visibility:hidden;opacity:0">visibilityp>
    div>
    <p id="show">p>

    <script type="text/javascript">
        function show(ele){
            if(ele instanceof jQuery){
                $('#show').html('元素的长度：'+ ele.length)
            }else{
                alert(ele+' 不是jQuery对象')
            }
        }
    script>


    <script type="text/javascript">
        show($('#div1:visible'));
    script>

    <script type="text/javascript">
        show($('#div2:visible'));

    script>
    <script type="text/javascript">
        show($('#div3:visible'));

    script>

    <script type="text/javascript">
        show($('#div1:hidden'));

    script>

    <script type="text/javascript">
        show($('#div2:hidden'));

    script>

    <script type="text/javascript">
        show($('#div3:hidden'));

    script>



div>


body>
html>

属性筛选选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>jQuery子元素筛选选择器title>
    <link rel="stylesheet" href="2-9.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>
<h2>属性筛选选择器h2>
<h3>[att=val]、[att]、[att|=val]、[att~=val]h3>
<div class="left" testattr="true" >
    <div class="div" testattr="true" name='p1'>
        <a>[att=val]a>
    div>
    <div class="div" testattr="true" p2>
        <a>[att]a>
    div>
    <div class="div" testattr="true" name="-">
        <a>[att|=val]a>
    div>
    <div class="div" testattr="true" name="a b">
        <a>[att~=val]a>
    div>
div>

<script type="text/javascript">
    //查找所有div中，属性name=p1的div元素
    $('div[name=p1]').css("border", "3px groove red");
script>

<script type="text/javascript">
    //查找所有div中，有属性p2的div元素
    $('div[p2]').css("border", "3px groove blue");
script>

<script type="text/javascript">
    //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素
    $('div[name|="-"]').css("border", "3px groove #00FF00");
script>

<script type="text/javascript">
    //查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素
    $('div[name~="a"]').css("border", "3px groove #668B8B");
script>


<h3>[att^=val]、[att*=val]、[att$=val]、[att!=val]h3>
<div class="left" testattr="true" >
    <div class="div" testattr="true"  name='xiao-shitou'>
        <a>[att^=val]a>
    div>
    <div class="div" testattr="true"  name='shitou-xiao'>
        <a>[att$=val]a>
    div>
    <div class="div" testattr="true"  name="attr-test-selector">
        <a>[att*=val]a>
    div>
    <div class="div" name="a b">
        <a>[att!=val]a>
    div>
div>


<script type="text/javascript">
    //查找所有div中，属性name的值是用xiao开头的
    $('div[name^="xiao"]').css("border", "3px groove red");
script>

<script type="text/javascript">
    //查找所有div中，属性name的值是用xiao结尾的
    $('div[name$="xiao"]').css("border", "3px groove blue");
script>

<script type="text/javascript">
    //查找所有div中，有属性name中的值包含一个test字符串的div元素
    $('div[name*="test"]').css("border", "3px groove #00FF00");
script>

<script type="text/javascript">
    //查找所有div中，有属性testattr中的值没有包含"true"的div
    $('div[testattr!="true"]').css("border", "3px groove #668B8B");
script>


body>

html>

子元素筛选选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>title>
    <link rel="stylesheet" href="choose.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>
<h2>子元素筛选选择器h2>
<h3>:first-child、:last-child、:only-childh3>
<div class="left first-div">
    <div class="div">
        <a>:first-childa>
        <a>第二个元素a>
        <a>:last-childa>
    div>
    <div class="div">
        <a>:first-childa>
    div>
    <div class="div">
        <a>:first-childa>
        <a>第二个元素a>
        <a>:last-childa>
    div>
div>

<script type="text/javascript">
    //查找class="first-div"下的第一个a元素
    //针对所有父级下的第一个
    $('.first-div a:first-child').css("color", "#CD00CD");
script>

<script type="text/javascript">
    //查找class="first-div"下的最后一个a元素
    //针对所有父级下的最后一个
    //如果只有一个元素的话，last也是第一个元素
    $('.first-div a:last-child').css("color", "red");
script>

<script type="text/javascript">
    //查找class="first-div"下的只有一个子元素的a元素
    $('.first-div a:only-child').css("color", "blue");
script>


<h3>:nth-child、:nth-last-childh3>
<div class="left last-div">
    <div class="div">
        <a>:first-childa>
        <a>第二个元素a>
        <a>第三个元素a>
        <a>:last-childa>
    div>
    <div class="div">
        <a>:first-childa>
        <a>第二个元素a>
    div>
    <div class="div">
        <a>:first-childa>
        <a>第二个元素a>
        <a>第三个元素a>
        <a>:last-childa>
    div>
div>

<script type="text/javascript">
    //查找class="last-div"下的第二个a元素
    $('.last-div a:nth-child(2)').css("color", "#CD00CD");
script>

<script type="text/javascript">
    //查找class="last-div"下的倒数第二个a元素
    $('.last-div a:nth-last-child(2)').css("color", "red");
script>

body>

html>

表单元素选择器


<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>jQuery表单元素选择器title>
    <link rel="stylesheet" href="choose.css" type="text/css">
    <style>
        input{
            display: block;
            margin: 10px;
            padding:10px;
        }
    style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>
<h2>子元素筛选选择器h2>
<h3>input、text、password、radio、checkboxh3>
<h3>submit、image、reset、button、fileh3>
<div class="left first-div">
    <form>
        <input type="text" value="text类型"/>
        <input type="password" value="password"/>
        <input type="radio"/>
        <input type="checkbox"/>
        <input type="submit" />
        <input type="image" />
        <input type="reset" />
        <input type="button" value="Button" />
        <input type="file" />
    form>
div>

<script type="text/javascript">
    //查找所有 input, textarea, select 和 button 元素
    //:input 选择器基本上选择所有表单控件
    $(':input').css("border", "1px groove red");
script>

<script type="text/javascript">
    //匹配所有input元素中类型为text的input元素
    $('input:text').css("background", "#A2CD5A");
script>

<script type="text/javascript">
    //匹配所有input元素中类型为password的input元素
    $('input:password').css("background", "yellow");
script>

<script type="text/javascript">
    //匹配所有input元素中的单选按钮,并选中
    $('input:radio').attr('checked','true');
script>

<script type="text/javascript">
    //匹配所有input元素中的复选按钮,并选中
    $('input:checkbox').attr('checked','true');
script>

<script type="text/javascript">
    //匹配所有input元素中的提交的按钮,修改背景颜色
    $('input:submit').css("background", "#C6E2FF");
script>

<script type="text/javascript">
    //匹配所有input元素中的图像类型的元素,修改背景颜色
    $('input:image').css("background", "#F4A460");
script>

<script type="text/javascript">
    //匹配所有input元素中类型为按钮的元素
    $('input:button').css("background", "red");
script>

<script type="text/javascript">
    //匹配所有input元素中类型为file的元素
    $('input:file').css("background", "#CD1076");
script>

body>

html>

表单对象选择器


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        <html>

        <head>
            <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
            <title>title>
            <link rel="stylesheet" href="choose.css" type="text/css">
            <style>
                input {
                    display: block;
                    margin: 10px;
                    padding: 10px;
                }
            style>
            <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
        head>

<body>
<h2>子元素筛选选择器h2>
<h3>enabled、disabledh3>
<form>
    <input type="text" value="未设置disabled" />
    <input type="text" value="设置disabled" disabled="disabled" />
    <input type="text" value="未设置disabled" />
form>

<script type="text/javascript">
    //查找所有input所有可用的（未被禁用的元素）input元素。
    $('input:enabled').css("border", "2px groove red");
script>

<script type="text/javascript">
    //查找所有input所有不可用的（被禁用的元素）input元素。
    $('input:disabled').css("border", "2px groove blue");
script>

<h3>checked、selectedh3>
<form>
    <input type="checkbox" checked="checked">
    <input type="checkbox">
    <input type="radio" checked>
    <input type="radio">

    <select name="garden" multiple="multiple">
        <option>码农option>
        <option selected="selected">前端之乐option>
        <option>活生生的生活option>
        <option selected="selected">博客园option>
    select>

form>

<script type="text/javascript">
    //查找所有input所有勾选的元素(单选框,复选框)
    //移除input的checked属性
    $('input:checked').removeAttr('checked')
script>

<script type="text/javascript">
    //查找所有option元素中,有selected属性被选中的选项
    //移除option的selected属性
    $('option:selected').removeAttr('selected')
script>

body>

html>

特殊选择器


<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>title>
    <link rel="stylesheet" href="imooc.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>
<h2>特殊选择器thish2>

<p id="test1">click test：通过原生DOM处理p>

<p id="test2">click test：通过原生jQuery处理p>

<script type="text/javascript">
    var p1 = document.getElementById('test1')
    p1.addEventListener('click',function(){
        //直接通过dom的方法改变颜色
        this.style.color = "red";
    },false);
script>

<script type="text/javascript">
    $('#test2').click(function(){
        //通过包装成jQuery对象改变颜色
        $(this).css('color','blue');
    })
script>

body>

html>

选择器综合练习


<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>jQuery标签切换效果title>
    <link rel="stylesheet" href="2-17.css" type="text/css">
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js">script>
head>

<body>

<div id="menu">
    
    <div id="menu_female">
        <h3>女装h3>
        <div class="tag" style="display: block;">
            <dl>
                <dd>
                    <p>第一类p>
                    <a>1.衬衫a>
                    <a>2.T恤a>
                    <a>3.雪纺衫a>
                    <a>4.针织衫a>
                    <a>5.短外套a>
                    <a>6.卫衣a>
                    <a>7.小西裤a>
                    <a>8.风衣a>
                    <a>9.吊带背心a>
                    <a>10.连衣裙a>
                    <a name="setColor">11.蕾丝连衣裙a>
                    <a>12.复古连衣裙a>
                    <a>13.印花连衣裙a>
                    <a>14.真丝连衣裙a>
                    <a>更多a>
                dd>
            dl>
        div>
        <div class="tag_More" style="display:block">
            <dl>
                <dd>
                    <p>第二类p>
                    <a>1.背带裤a>
                    <a>2.哈伦裤a>
                    <a>3.牛仔裤a>
                    <a>4.休闲裤a>
                    <a>5.小脚裤a>
                    <a>6.西装裤a>
                    <a>7.打底裤a>
                    <a>8.阔脚裤a>
                    <a>9.短裤a>
                    <a>10.马甲/背心a>
                    <a>11.羽绒服a>
                    <a>12.棉服a>
                    <a>13.夹克a>
                    <a>14.POLO衫a>
                    <a>更多a>
                dd>
            dl>
        div>>
    div>
    <div id="menu_con">
        <h3>男装h3>
        <div class="tag" style="display:block">
            <dl>
                <dd>
                    <p>第一类p>
                    <a>1.衬衫a>
                    <a>2.T恤a>
                    <a>3.牛仔裤a>
                    <a>4.休闲裤a>
                    <a>5.短裤a>
                    <a>6.针织衫a>
                    <a>7.西服a>
                    <a>8.西裤a>
                    <a>9.嘻哈裤a>
                    <a>10.西服套装a>
                    <a>11.马甲/背心a>
                    <a name="setColor">12.羽绒服a>
                    <a>13.棉服a>
                    <a>14.夹克a>
                    <p>更多p>
                dd>
            dl>
        div>
        <div class="tag_More" style="display:block">
            <dl>
                <dd>
                    <p>第二类p>
                    <a>1.衬衫a>
                    <a>2.T恤a>
                    <a>3.牛仔裤a>
                    <a name='setColor'>4.休闲裤a>
                    <a>5.短裤a>
                    <a>6.针织衫a>
                    <a>7.西服a>
                    <a>8.西裤a>
                    <a>9.嘻哈裤a>
                    <a>10.西服套装a>
                    <a>11.马甲/背心a>
                    <a>12.羽绒服a>
                    <a>13.棉服a>
                    <a>14.夹克a>
                    <p>更多p>
                dd>
            dl>
        div>>
    div>
div>

<script type="text/javascript">
    //找到男装下第一类衣服中的第一个p元素，并改变颜色
    //可以通过子类选择器  p:first-child 筛选出第一个p元素
    $('#menu_con div.tag dd>p:first-child').css('color','red');
script>

<script type="text/javascript">
    //找到男装下第一类衣服把a元素从顺序1-4加上颜色
    //可以通过基本筛选器lt,选择匹配集合中所有索引值小于给定index参数的元素
    //注意了index是从0开始计算，所以选在1-4,为对应的index就是4
    $('#menu_con>div:first dd:eq(0)>a:lt(4)').css('color','blue');

script>

<script type="text/javascript">
    //找到男装所有a元素中属性名name="setColor"的元素，并设置颜色
    //这里用的属性选择器[attribute='value']选择指定属性是给定值的元素
    #('menu_con a[name="setColor"]').css('color','#66CD00');
script>

<script type="text/javascript">
    //不分男女，选中第一类衣服中第9个a元素，并改变颜色
    //这里用了nth-child 选择的他们所有父元素的第n个子元素
    $('#menu div.tag dd a:nth-child(10)').css('color','#C71585');

script>

<script type="text/javascript">
    //找到女装下第一类衣服，把a元素中包含文字"更多"的节点，改变颜色
    $('.tag:first a:contains("更多")')
script>



body>

html>

你可能感兴趣的:(jQuery)

  • C# 开发教程-入门基础 天马3798 教程系列整理c#开发语言
    1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
  • html 删除事件,html 事件的添加和删除 列蒂齐亚 html删除事件
    jQuery在jQuery1.7版本中bind()unbind(),live()die(),on()off(),delegate()下面我们给li元素添加事件bind()旧版写法:事件不能适用脚本创建的新元素live()旧版写法:适用脚本创建的新元素写法，但性能极不好on()新版写法，事件不能适用脚本创建的新元素(接收多个函数绑定)这三种方法都是基于要给添加事件的元素本身。$("ulli").bi
  • 动态生成的html元素绑定click事件 .NET跨平台 Jquery及其组件htmljquery
    第一篇博客，开启技术博客的生涯，欢迎大家批评指教（坚信妹子也可以做好程序猿）今天想说帮公司做项目的时候遇到的一个小问题，动态添加html元素以后再去事件监听出问题。在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况。就是上面的一张表格要动态实现添加行，然后序列号还要随着增加，当删除的时候序列号依旧是按顺序排列。刚开始使用jQuery的on方法来解决，但是发现一个问题会出现事件绑定很多次
  • 前端页面实现table可拖动改变列宽 牧 码 人 jsjQueryjs表格拖动csscolResizable
    此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j
  • 关于jquery的on(“click”,function(){}),事件绑定无效 微特尔普拉斯 javascriptjquery
    之前在做jquery时,遇到一个问题,就是我在append一个给啊标签绑定click点击事件时不起作用,jquery的版本时3.4.1,也找不到起的错误.就是没触发:$(self).find(".comment-action.cancel").off("click");//console.log("点击了取消回复的按钮!");$(self).find(".comment-action.cancel
  • （hilo）摇钱树项目梳理 大胡子111
    摇钱树项目用到了：1.jquery（js库）2.hilo.js(游戏框架)3.tida.js（淘宝相关api--要在淘宝中实现摇一摇功能）4.原生陀螺仪（因为要在微信中实现摇一摇功能）5.静态文件资源预加载项目组成部分：1.摇钱树2.摇一摇按钮3.树下礼包4.游戏标题5.树上的红包和金币6.音乐7.获奖记录7.活动规则（活动说明/玩法介绍）8.红包雨下落9.地上红包10.获奖/失败层11.玩法介绍
  • jQuery Easyui 源码分析之combo组件 90后北京程序员 前端-easyuieasyui之combobox
    /***jQueryEasyUI1.3.1*该源码完全由压缩码翻译而来，并非网络上放出的源码，请勿索要。*/(function($){functionsetSize(target,width){varopts=$.data(target,"combo").options;varcombo=$.data(target,"combo").combo;varpanel=$.data(target,"co
  • jquery打包到webpack项目 不cong明的亚子 前端webpackjqueryjavascript
    入口文件—index.jswindow.$=require('jquery')webpack.config.jsconstwebpack=require('webpack')module.exports={...plugins:[...newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery'})...]...}
  • 通过前端实现导出生成pdf文件并下载 银河小铁皮 vue原生JS前端javascriptvue.js
    通过前端实现导出生成pdf文件并下载使用jspdf.js+html2canvas插件，实现前端生成pdf并下载的功能步骤如下1、先通过npm安装插件npminstalljspdf.jsnpminstallhtml2canvas2、单独在utils文件夹下，新建文件，存放处理代码/*eslint-disable*///不使用JQuery版的importhtml2canvasfrom'html2can
  • java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署 一梵sheji288 javamybatisvue.js
    java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
  • TypeScript---类型批注 Anglie
    TS通过类型批注提供静态类型，方便在编译时启动类型检查，这不是必须的，甚至可以被忽略，去使用js常规的动态类型。基本类型的批注是number,bool,string,弱类型或动态类型的结构可以是任意类型。将类型批注导出到一个单独的文件，方便使用类型已经被编译成为js的ts脚本的类型信息可用。批注可以为一个现有的js库声明。就像已经为node.js和jquery.js所做的那样。当没有给出类型时，T
  • 基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件 练练科技 java课程设计mysql
    基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署 鸿源网络 数据库mysqljava
    java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • 基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 源新网络 java开发语言
    基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • jQuery选择器 VaporGas 前端jquery前端javascript学习
    jQuery选择器jQuery选择器类似于CSS选择器，用来选取网页中的元素$("h3").css("background","#09F");代码分析：获取并设置网页中所有元素的背景“h3”为选择器语法，必须放在$()中$(“h3”)返回jQuery对象.css()是为jQuery对象设置样式的方法jQuery选择器分类jQuery选择器功能强大，种类也很多，分类如下：类CSS选择器基本选择器层次
  • Java架构师学习路线 网络全息测量 心得体会
    (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
  • AJAX实时表单验证系统 三年九班蓝同学
    本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
  • 利用jQuery框架的ajax请求获取json格式的数据 听海边涛声 jqueryajaxjson
    Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
  • jquery加载页面的方法(页面加载完成就执行) JaosnY JQueryjquery自动加载
    转自http://www.jb51.net/article/27444.htmjquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){$("#a").click(function(){//addingyourcodehere});});2、$(document).ready(functi
  • jquery事件 上心心上
    jquery事件事件函数列表：blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入（进入子元素也触发）mouseout()鼠标离开（离开子元素也触发）mouseenter()鼠标进入（进入子元素不触发）mouseleave()鼠标离开（离开子元素不触发）hover()同时为mousee
  • node模块 weiweiweb888 前端javascriptbootstrap
    模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
  • jQuery中的ajax通信技术的讲解 盛夏绽放 jqueryajaxokhttp
    jQuery提供了多种方法来处理AJAX请求，这些方法简化了异步请求的创建和处理。以下是一些常用的jQueryAJAX方法及其演示：1.$.ajax()（1）解释这个方法是最基础也是最强大的AJAX方法，它可以接受一个配置对象来构建并发送HTTP请求。（2）示例：这是一个GET请求模版$.ajax({url:'https://api.example.com/data',//请求的URL地址type
  • 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
    全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
  • HTML表格 一壶浊酒.. 前端开发html前端
    table,tr,td{border:lpxsolidsilver;}表格标题表头单元格HTMLCSSJavaScriptJQuery标准单元格合并行：rowspan在HTML中，我们可以使用rowspan属性来合并行。所谓的合并行，指的是将“纵向的N个单元格”合并。rowspan属性table,tr,td{border:1pxsolidsilver;}姓名:小明喜欢水果:苹果香蕉合并列：cols
  • 前端篇—ajax wolf67 Djangodjangojsajax
    文章目录前言一、基于JS的ajax实现1.1基础1.2完整代码示例1.3应用二、JSON和JSONP2.1什么是JSON2.2JSON语法2.3应用2.4json与django交互2.5json与xml比较三、基于jQuery的ajax实现3.1基础方法3.2快捷方法用法示例四、跨域请求4.1同源机制4.2jsonp的js实现（未完成）4.3jsonp的jQuery实现4.4jsonp的ajax实
  • 菜谱推荐系统(前台android原生,后台java,SSH,mysql) weixingliang_123 菜谱食谱android数据库java编程语言mysql
    Android菜谱推荐系统(前台android原生,后台java,SSH,mysql)(程序代码,MySQL数据库)【运行环境】MyEclipse(后台)Eclipse(前台)JDK1.7tomcat7【技术栈】JAVA,JSP,mvc,SSH,MYSQL,HTML,CSS,JAVASCRIPT,JQUERY,android原生【项目包含内容】【下载全套源码】【项目功能介绍】
  • 【jQuery】前端八股文面试题 菜鸟una 前端八股文面试题前端jqueryjavascript
    jQuery这个问的没有那么多，暂时我被问到的就这几个。大家可以直接订阅专栏。文章目录jQuery1.jQuery常见的方法有哪几个？2.在jQuery中，常见使用委托的事件有哪些？1）点击事件（click）2）鼠标悬停事件（mouseenter和mouseleave）3）表单提交事件（submit）4）输入框变化事件（change）3.在jQuery中，常见的鼠标事件方法有哪些？1）click（
  • jQuery第八章 原生ajax 小涛涛啊！ jqueryjquery
    第八章原生ajax1：ajax的概念AJAX=AsynchronousJavaScriptandXML（异步的JavaScript和XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。*AJAX异步请求数据。什么是AJAX？AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着
  • java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档 影伴设计 java开发语言前端
    java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan.b
  • 第三章：发送AJAX请求的几种方式 Muko_0x7d2 AJAXajax
    1.jquery发送Ajax请求1.1引进jQuery资源进入bootcdn.cn网站搜索jQuery复制script标签放到目标html文件head标签中添加跨源的属性的设置crossorigin="anonymous"1.2jQuery发送请求的四个参数：url参数（可以没有）函数响应体类型（一般为json）1.3GET请求请求类型为get参数在名称里面//1.发送GET请求$('button
  • ztree设置禁用节点 3213213333332132 JavaScriptztreejsonsetDisabledNodeAjax
    ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); });
  • JVM patch by Taobao bookjovi javaHotSpot
    在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。   7050685：jsdbproc64.sh has a typo in the package name 7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 7060619：C1 should respect inline and
  • 将session存储到数据库中 dcj3sjt126com sqlPHPsession
    CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) );   <?php /** * Created by PhpStorm. * User: michaeldu * Date
  • Vector 171815164 vector
    public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i);
  • 各连接池配置参数比较 g21121 连接池
            排版真心费劲，大家凑合看下吧，见谅~     Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User   数据库密码 Password Password Password   驱动名
  • [简单]mybatis insert语句添加动态字段 53873039oycg mybatis
          mysql数据库,id自增,配置如下：       <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&
  • struts2拦截器配置 云端月影 struts2拦截器
    struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 <struts>     <package name="struts2" extends="struts-default">         &
  • IE中页面不居中，火狐谷歌等正常 aijuans IE中页面不居中
    问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
  • String,int,Integer,char 几个类型常见转换 antonyup_2006 htmlsql.net
    如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.
  • PL/SQL的游标类型 百合不是茶 显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
    游标是oracle中的一个结果集,用于存放查询的结果;   PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标     注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标   隐式游标:主要是对DML数据的操作隐
  • JUnit4中@AfterClass @BeforeClass @after @before的区别对比 bijian1013 JUnit4单元测试
    一.基础知识 JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
  • 精通Oracle10编程SQL(12)开发包 bijian1013 oracle数据库plsql
    /* *开发包 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数） */ --包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成 --建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等 --在包规
  • 【EhCache二】ehcache.xml配置详解 bit1129 ehcache.xml
    在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ ehcache.xml ： http://ehcache.org/ehcache.xml ehcache.xsd ： http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe   ehcac
  • java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL 白糖_ javaeclipsespringtomcatWeb
    今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  随后启动
  • angular.element boyitech AngularJSAngularJS APIangular.element
    angular.element 描述:     包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）     如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
  • java-给定两个已排序序列，找出共同的元素。 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目：给定两个已排序序列，找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素
  • sftp 异常，有遇到的吗？求解 Chen.H javajcraftauthjschjschexception
    com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec
  • [生物智能与人工智能]神经元中的电化学结构代表什么? comsci 人工智能
         我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....      我们可以尝试一下...在某些神经
  • 通过LAC和CID获取经纬度信息 dai_lm laccid
    方法1： 用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 方法2： 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
  • JAVA的困难分析 datamachine java
    前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。   -----------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第二课 dcj3sjt126com englishword
    money 钱 paper 纸 speak 讲，说 tell 告诉   remember 记得，想起 knock 敲，击，打 question 问题 number 数字，号码   learn 学会，学习 street 街道 carry 搬运，携带 send 发送，邮寄，发射   must 必须 light 灯，光线，轻的 front
  • linux下面没有tree命令 dcj3sjt126com linux
    centos p安装 yum -y install tree   mac os安装 brew install tree   首先来看tree的用法 tree 中文解释：tree 功能说明：以树状图列出目录的内容。 语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
  • Map迭代方式，Map迭代，Map循环 蕃薯耀 Map循环Map迭代Map迭代方式
    Map迭代方式，Map迭代，Map循环   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年
  • Spring Cache注解+Redis hanqunfeng spring
    Spring3.1 Cache注解  依赖jar包： <!-- redis --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId>
  • Guava中针对集合的 filter和过滤功能 jackyrong filter
    在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子：    @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"
  • 学习编程那点事 lampcy 编程androidPHPhtml5
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • 架构师之流处理---------bytebuffer的mark,limit和flip nannan408 ByteBuffer
    1.前言。   如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy
  • org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1 Everyday都不同 $转义el表达式
    最近在做Highcharts的过程中，在写js时，出现了以下异常：   严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
  • 用Java实现发送邮件到163 tntxia java实现
    /* 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。 此篇仅介绍用
  • 探索实体类存在的真正意义 java小叶檀 POJO
    一. 实体类简述    实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 POJO（Plain Old Java Objects）简单的Java对象   它的一般格式就是 public class A{ private String id; public Str
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他