python jQuery

最新推荐文章于 2023-01-21 15:30:52 发布

abvv38250

最新推荐文章于 2023-01-21 15:30:52 发布

阅读量61

点赞数

文章标签： javascript python ViewUI

原文链接：http://www.cnblogs.com/iexperience/p/9851282.html

版权

http://jquery.cuishifeng.cn/ 　　前7个标签比了解

格式：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<line rel='stylesheet' href='csswenjian'></line>
	<style>
		
	</style>
</head>
<body>
<div id='i1'>123</div>
<script src='jquery-1.12.4.js'></script>
 jQuery.  //显示有关jquery的属性
 $.    //引入jquery-1.12.4.js后$代表jQuery
 $('#i1') 	
</body>
</html>

选择器：$('....')

筛选器：$(this).next() 下一个 $(this).prev 上一个 $(this).parent() 父 $(this).children() 孩 $(this).siblings() 获取兄弟标签如： $(‘#i1’).siblings()

dom与jquery转换：

jquery对象[0]->dom对象

dom对象->$(dom对象)

实例1：全选、反选、取消操作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <input type="button" value="全选" οnclick="checkAll();" />
    <input type="button" value="反选" οnclick="reverseAll();" />
    <input type="button" value="取消"  οnclick="cancleAll();"/>

    <table border="1">
        <thead>
            <tr>
                <th>选项</th>
                <th>IP</th>
                <th>PORT</th>
            </tr>
        </thead>
        <tbody id="tb">

            <tr>
                <td><input type="checkbox" /></td>
                <td>1.1.1.1</td>
                <td>80</td>
            </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td>1.1.1.1</td>
                <td>80</td>
            </tr>
            <tr>
                <td><input type="checkbox" /></td>
                <td>1.1.1.1</td>
                <td>80</td>
            </tr>
        </tbody>
    </table>

    <script src="jquery-1.12.4.js"></script>
    <script>
        function checkAll() {
            $('#tb :checkbox').prop('checked',true);
        }
        function cancleAll() {
            $('#tb :checkbox').prop('checked',false);
        }
        function reverseAll() {
            $(':checkbox').each(function(k){
                // this,代指当前循环的每一个元素
                // Dom
                /*
                if(this.checked){
                    this.checked = false;
                }else{
                    this.checked = true;
                }
                */
                /*
                if($(this).prop('checked')){
                    $(this).prop('checked', false);
                }else{
                    $(this).prop('checked', true);
                }
                */
              // 三元运算var v = 条件? 真值：假值
                var v = $(this).prop('checked')?false:true;
                $(this).prop('checked',v);
            })
        }
    </script>
</body>
</html>

　注：$('#tb :checkbox').prop('checked'，true); 不传值表示获取值，传值表示设置值。

jquery 内置循环：$(':checkbox').each(）

    三元运算 var v = 条件? 真值：假值

转载于:https://www.cnblogs.com/iexperience/p/9851282.html

abvv38250

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
python jQuery

http://jquery.cuishifeng.cn/ 　　前7个标签比了解格式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <line re...
复制链接

扫一扫