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

最新推荐文章于 2020-03-13 23:52:30 发布

zjy1070168724

最新推荐文章于 2020-03-13 23:52:30 发布

阅读量296

点赞数

分类专栏： html css jquery 文章标签： jquery 函数

本文链接：https://blog.csdn.net/zjy1070168724/article/details/75567505

版权

html 同时被 3 个专栏收录

10 篇文章 0 订阅

订阅专栏

css

9 篇文章 0 订阅

订阅专栏

jquery

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());
})

zjy1070168724

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
有关jquery的一坨内容，!!!∑(ﾟДﾟノ)ノ------you can code, just code

今天开始讲了对时间的绑定如下 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
复制链接

扫一扫

专栏目录