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');// 当赋值没有作用的时候,给下拉框