首页 > 其他分享 >jquery

jquery

时间:2023-04-20 09:34:21浏览次数:50  
标签:jquery function 删除 元素 插入 设置 选择器

jQuery 教程 | 菜鸟教程 (runoob.com)

1、介绍

是一个js库,极大简化了js编程。

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>

2、语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

$(selector).action()

(1)入口函数

$(document).ready(function(){
    // 执行代码
});
或者
$(function(){
    // 执行代码
});

3、选择器

//元素选择器,选择所有p元素
$("p")
//id选择器
$("#test")
//类选择器
$(".test")
//当前元素
$(this)

4、事件

$("p").click(function(){
    // 动作触发后执行的代码!!
});

常见事件:

$(document).ready()
click()
dblclick()
mouseenter()
mouseleave()
mousedown()
mouseup()
hover()
focus()
blur()

5、设置或获取

  • text() – 设置或返回所选元素的文本内容
  • html() – 设置或返回所选元素的内容(包括 HTML 标签)
  • val() – 设置或返回表单字段的值
  • attr() – 获取属性,设置属性

6、元素操作

  • append() – 在被选元素的结尾插入内容,可以作为html,仍然在元素中
  • prepend() – 在被选元素的开头插入内容
  • after() – 在被选元素之后插入内容
  • before() – 在被选元素之前插入内容
  • remove() – 删除被选元素(及其子元素),无参,也可以有参,指定被删除元素
  • empty() – 从被选元素中删除子元素,无参
  • addClass() – 向被选元素添加一个或多个类
  • removeClass() – 从被选元素删除一个或多个类
  • toggleClass() – 对被选元素进行添加/删除类的切换操作
  • css() – 设置或返回样式属性

标签:jquery,function,删除,元素,插入,设置,选择器
From: https://www.cnblogs.com/wd404/p/17335623.html

相关文章

  • ajax-jquery
    1、介绍jquery支持ajax,需要导入jsqury库后使用。<scriptsrc="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">2、loadload()方法从服务器加载数据,并把返回的数据放入被选元素中$(selector).load(URL,data,callback);selector:元素选择器url:希望加载的数据来......
  • 事件 jQuery 选择器 筛选器 样式操作 CSS操作 文本操作
    事件事件可以理解为:给HTML标签添加了一些额外的功能,并且能够触发JS的代码运行1.事件就是达到某个触发条件,自动触发的动作2.常用的事件 1.onclick:当用户点击某个对象是调用的事件句柄2.onfoucus:元素获取焦点3.onblur:元素失去焦点4.onchange:域的内容被改变5.onload:......
  • jQuery
    目录jQueryjQuery内容jQuery语法标签查找补充:标签对象和jquery对象基本选择器属性选择器表单筛选器表单对象属性筛选器方法样式操作位置操作CSS操作尺寸文本操作属性操作文档处理克隆常见事件事件绑定移除事件阻止后续事件执行阻止事件冒泡页面加载事件委托jQuery优点1.jQuery......
  • jquery遍历节点
    <table><tbody><tr><td><table><tbody><trclass="s">......
  • jQuery
    目录jQuery先学会如何查找标签基本选择器补充:标签对象和jQuery对象其他选择器基本筛选器:例子:表单属性选择器表单对象属性筛选器方法样式操作文本操作(掌握)label的作用属性操作文档处理添加到指定元素内部的后面添加到指定元素内部的前面添加到指定元素外部的后面添加到指定元素外......
  • jQuery Templates模板插件
    jQuery团队提供了一个模板插件,但非常可惜的是jquery团队放弃对其维护,我们对其方法和语法进行简单简绍源码官方的网址:http://api.jquery.com/category/plugins/templates文档的网址:http://api.jquery.com/category/plugins/templates使用该插件必须先引入对应js //依赖jquery<sc......
  • python s12 day13 JavaScript、Dom和jQuery
    1.JavaScriptJavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理。1、JavaScript代码存在形式<!--方式一--><scripttype"text/javascript"src="JS文件"></script>......
  • jquery中prop()方法和attr()方法的区别
    jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该用attr(),什么时候该用prop()呢?大家都知道有的浏览器只要写dis......
  • jquery ui datepicker使用
    $("#regDate").datepicker({showMonthAfterYear:true,//月在年之后显示changeMonth:true,//允许选择月份changeYear:true,//允许选择年份dateFormat:'yy-mm-dd',//设置日期格式closeText:'关闭......
  • jquery ajax queue
    //第一个ajax请求$(document).queue("ajaxRequests",function(){//全局变量,储存第一个ajax请求数据vara_data;$.ajax({success:function(data){a_data=data......