jq各种

来源:互联网 发布:定情信物 知乎 编辑:程序博客网 时间:2024/06/12 05:27
 <script src="/zhengli/jq/jquery-1.8.3.min.js" type="text/javascript"></script> <style> img{max-widht:100%;width:auto;height:auto;} {list-style-type:none;border:10px solid red margin-bottom底边距 } </style><!--disabled="disabled" 使input  失效和只读  readonly--><!--input 没有name传不了值--><div class="ma" val="div_val" value="div_value">123456798</div><input type="text" class="la" val="text_val" value="text_value"><p style="display:none">我是忍者</p><a href="#" rel="nofollow">不予这个链接搞上关系</a> <script>  //js的elseif中间要加空格,有单引号不会左右链接的直接写入的用转义\    document.write(screen.width+'*'+screen.height);//输出电脑分辨率    $(document).ready(function(){    var zhi3 = $('.la').val();//只能采input这类的value值    var zhi4 = $('.ma').html();//取html值    //$('.la').attr('value',"new_zhi");//赋值    var zhi = $('.la').attr('value');//都适用    var zhi2 = $('.la').attr('val');//这个是能得到val的值的    $('.ma').css("background","red");//配置css,注意格式    var special_str = $("p:hidden").html();//找出隐藏的    $('.ma').click(function(){        location.href="http://www."+zhi+".com";        $('#tianjiaguanjianci').css('display','block');//令显示出来        $("#keywords").val("").focus();//清空框框,并在框框里面    })}) </script><input type="text" placeholder="我是暂时字"> <table>    <tr>        <th>栏目一</th>        <th>栏目二</th>        <th>栏目三</th>    </tr>    <tr>        <td>内容</td>        <td>内容</td>        <td>内容</td>    </tr></table>

知道了多个勾选框是怎么提交的——name那边加数组

<input type="checkbox" value="123" checked="checked" name="bufabu_game[]" /><script src="/style/lljs/66game.js?{time()}" type="text/javascript"></script>防止有缓存<!--判断是安卓还是苹果--><script type="text/javascript">    var rand_num = Math.random();//产生随机数,可以用于最后的url上    var u = navigator.userAgent;    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端    //alert('是否是Android:'+isAndroid);    //alert('是否是iOS:'+isiOS);</script><!--悬浮出图片--><img src="tu1" onmouseover="this.src='tu2'" onmouseout="this.src='tu1'"><!--点删除--><a href="/index.php?m=content&c=content&a=delbiaoge&bgid=<?php echo $r['id'];?>&pc_hash=<?php echo $_SESSION['pc_hash']?>" onclick="return confirm('确定删除该表格么?') ">删除</a> <script>// Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。var page=2;$(document).ready(function(){            $(".llPcxwMore").click(function()                 {                    var timestamp = Date.parse(new Date());                    $.ajax({                                 type: "GET",//提交格式 POST GET                                 url: "/index.php?m=special&c=special&a=soubiao&type="+{$type}+"&page="+page,//访问地址                                 data: {ajax:1,timestamp:timestamp},//传参                                 dataType: "text",                                 success: function(data){                                     $('.new_div .nfxZthzBox:last').after(data);//这是跟在后面的形式                                     page=page+1;                                 }                            });                }            )})</script><script>    var page=2;        $(document).ready(function(){                $(window).scroll(function() {                    if ($(document).scrollTop() >= $(document).height() - $(window).height()) {                        var timestamp = Date.parse(new Date());                        $.ajax({                             type: "GET",//提交格式 POST GET                             url: "/zt/{$ztid}_"+page+".html",//访问地址                             data: {ajax:1,timestamp:timestamp},//传参                             dataType: "text",                             success: function(data){                                 $('ul li:last').after(data);                                    page=page+1;                              }                         });                    }            });        })</script><script>//判断是不是一个radio都没有选    var v=document.getElementsByName('special[type]')    var j=0    for (var i=0;i<v.length;i++){     if(v.item(i).checked){       j++     }    }    if(j<1){        alert("请选择一个专题类型")    }</script>

//点击勾选框变全选

<label><input id="sel_1" onchange="selectAll()" type="checkbox" value="1"/>全选/全不选</label><input type="checkbox" value="2"/><input type="checkbox" value="3"/><input type="checkbox" value="4"/><input type="checkbox" value="5"/> </body> <script type="text/javascript">  function selectAll(){    var isCheck=$("#sel_1").is(':checked');  //获得全选复选框是否选中    $("input[type='checkbox']").each(function() {          this.checked = isCheck;       //循环赋值给每个复选框是否选中    });}</script>
原创粉丝点击