jq各种功能(有空细分)

 <script src="/zhengli/jq/jquery-1.8.3.min.js" type="text/javascript"></script>
 /*
1.disabled="disabled"使input失效和只读  readonly>;placeholder="我是暂时字"
2.input 必须要有name才可以传值
3.document.write(screen.width+'*'+screen.height);//输出电脑的分辨率
4.js的else if中间要有空格
5.
*/
 <style>
 img{max-widht:100%;width:auto;height:auto;}
 {list-style-type:none;border:10px solid red
 margin-bottom底边距
 }
 </style>

禁止右键和复制
<script>
    $(function(){
        $(document).bind("contextmenu",function(e){
            return false;
        });
        $('body').bind("selectstart",function(){return false;});
    });
</script>


<div class="ma" val="div_val" value="div_value">123456798</div>
<input type="text" class="la" val="text_val" value="text_value">

 <script>	
	$(document).ready(function(){

		// 取值
		var zhi = $('.la').attr('value');//都适用
		var zhi3 = $('.la').val();//只能采input这类的value值
		var zhi4 = $('.ma').html();//取html值
		var zhi2 = $('.la').attr('val');//这个是能得到val的值的
		// 赋值或者属性
		$('.la').attr('value',"new_zhi");//赋值
		$('.ma').css("background","red");//配置css,注意格式

		$('.ma').click(function(){
			location.href="http://www."+zhi+".com";
			$("#keywords").val("").focus();//清空框框,并留在框框里面
		})
	})
 </script>
 // 表格
 <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 type="text/javascript">
	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" "this.src='tu2'" "this.src='tu1'">
<!--点删除-->
<a href="/index.php?m=content" "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",
							 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" "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>
$("#education ").val("3").trigger('change');// 当赋值没有作用的时候,给下拉框
posted @ 2017-09-18 18:51  蜗牛使劲冲  阅读(8)  评论(0编辑  收藏  举报  来源