jquery常用api及其例子

最新推荐文章于 2024-06-26 08:15:00 发布

iokay.cn

最新推荐文章于 2024-06-26 08:15:00 发布

阅读量1.6k

点赞数

分类专栏： JavaWeb基础 html 文章标签： jquery api

本文链接：https://blog.csdn.net/Ryice/article/details/79493124

版权

JavaWeb基础同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

html

5 篇文章 0 订阅

订阅专栏

$(window).resize(); window窗口改变检测函数；

var _width = document.documentElement.clientWidth;

var _height = document.documentElement.clientHeight;

jq得到窗口大小不是屏幕大小

hover

typeof 查看js类型

网上大多数文章都提供的方法都是无效的，建议使用方法二：

方法一：

if ($("#checkbox-id")get(0).checked) {

// do something

}

方法二：

if($('#checkbox-id').is(':checked')) {

// do something

}

方法三：

if ($('#checkbox-id').attr('checked')) {

// do something

}

通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。

$("button").live("click",function(){

$("p").slideToggle();

$.ajax({

type:'post',

url:'./doregister',

data:arr,

success:function(data){

$("#vcode_ipt_txt").empty();

$("#vcode_ipt_txt").append(data.MesCode);

$("#emailtxt").empty();

$("#emailtxt").append(data.MesEmail);

if(data.MesCode==null&data.MesEmail==null){

$("#actcode").append("注册成功，请到邮箱激活账户")}

else{

code();

}

$(".loading").hide();

}

});

var arr= $("#userinfo").serializeArray()

$.param(arr);格式化from表单为json

$(".class1 .class2") 选择class1元素下class2的元素（中间有空格）

$(".class1.class2") 选择同时含有class1和class2的元素（中间没有空格）

$(".class1,.class2") 选择class1或者class2的元素（中间有逗号）

//找亲戚

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<li>

</div>

<div class="li-header-bar">asd

<ul>

</ul>

</div>

</li>

</ul>

$('.icon.icon-share').parent().parent().parent().siblings(".li-header-name").find(".txt").css('background-color', 'red');

</script>

</body>

</html>

//jq 中 $(this)

$(".icon.icon-share").click(function(e){

alert("asd");

//var okno= this.parent().parent().parent().siblings(".li-header-name").children(".ok-no");

var inputtxt= $(this).parent().parent().parent().siblings(".li-header-name").find(".txt");

//var inputtxt=$(".li-header-name").find(".txt");

alert(inputtxt.val());

});

//全选

$("#box input[type='checkbox']").prop('checked', $(obj).prop('checked'));

//遍历json

var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];

for(var o in data){

alert(o);

alert(data[o]);

alert("text:"+data[o].name+" value:"+data[o].age );

}

$(function(){})

jQuery 遍历的nextAll() 方法可以搜索 DOM 树中的元素跟随的同胞元素，也就是一个元素后面的所有同级元素，删除可以使用方法remove()，所以连起来为

搜索

$(selector).nextAll().remove();

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

 
  $( 
  "#bbbb" 
  ).click( 
  function 
  (event){ 
 
  event.stopPropagation(); 
  //阻止事件冒泡即可 
 
  }); 
 
   只触发只元素的事件

iokay.cn

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录