有关jquery的一坨内容,!!!∑(゚Д゚ノ)ノ------you can code, just code

9 篇文章 0 订阅
2 篇文章 0 订阅

今天开始讲了对时间的绑定
如下
document.getElementById(“btn”).ondblclick = function(){};
接下来开始讲jQuery:

<script  src="js/jquery-1.12.2.js"></script>
/*div p找到div下的p
*div,p找到所有的div和p
*div>p找到div的直接子元素p(div子一级所有的p)
*p+span找到下一个一个兄弟
*P~span找所有兄弟*/
例子如下            
alert($("div *").text());			    $("#p").html("456");//document.getelementbyid();
$("#a1").val("233");
alert($("div label").html());
$("div label:last").html("222");
$("div>label").html("777");
<body>
        <p id="p">123</p>
        <div id="">
            <label>sss</label>
            <label>sss</label>
            <span id="">
                lixu
            </span>
            <p>
                <label>sss</label>
                <label>111</label>
            </p>
            <div>
                hao
            </div>
        </div>
</body>

更改属性:

$("#p").css("background-color","aqua");

给元素设置样式:
1)css的方法
方法连调:

$("ulli:first").css("background-color","red").css("color","blue");

2)addclass()可以给元素设置一个style样式,参数就是class名。
.sm{
background-color: purple;
color: gray;
}//这是css里的一个样式

$("ul li:last").addClass("sm");

3)css(“样式的名字”,”样式的值”); 给元素设置样式
css(“样式的名字”); 获取元素样式
Contains
找到有内容的元素。
Has
找到有固定选择器的元素。

$("ul li:contains('3')").css("color","yellow");

选出文本中包含3的

$("ul li:has('p')").css("color","skyblue");

选出有p标签的

选择出隐藏的或未被隐藏的

$(".d1").html($("p:hidden").text());

//找到p中隐藏的并输入到.d1中。

$(".d1").html($("div:visible").text());

//找到div中显示的内容输入到.d1中。(class)

<script type="text/javascript">
            $(function(){
            alert($("div:visible").text());
            $(".d1").html($("p:hidden").text());
            $(".d2").html($("input:hidden").val());

            })

        </script>
    </head>
    <body>
        <p class="d1">123</p>
        <p style="display: none;">我是隐藏的</p>
        <input type="hidden" name="" id="" value="我是隐藏的" />
        <div id="" style="display: none;">

        </div>
        <div class="d2">
            123
        </div>
    </body>

form表单中相关设置

//$("form :input").attr("disabled","disabled");
//$("form :text").attr("disabled","disabled");
//将type="text"的设置为不可用
//$("form :radio").attr("disabled","disabled");
//将type="raadio"的单选框设置为不可用
//$("form :checked").attr("disabled","disabled");
$("form :radio").attr("disabled","disabled");
$("form *").removeAttr("disabled");
//删除form表单中所有disabled。
Appendto
先写一个你要添加的内容更
如:var d = "<li style='color: white;background-color: red;'>plus me</li>";
然后将改串转换加到目标位置
$(d).appendTo($("ul"));
Each的用法
/*1.each()遍历数组*/
var arr = ["math","chinese","english"];
$.each(arr,function(index,value){
alert(value);
})
/*2.each()遍历二维数组*/
var ar =[["math","chinese","english"],["math","chinese","english"]];
$.each(ar,function(index,value){
$.each(value, function(index,value) {
alert(value);
});
});
/*3.each()遍历js对象*/
var obj = {"name":"老四","age":30};
$.each(obj,function(key,value){
alert(key+" "+value);
})
/*参数key就是属相名,参数value就是属性值*/

/*4.each遍历元素集合*/

$.each($("span"),function(index,value){
if(index==1)
alert($(value).text());
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值