首页 > 其他分享 >JQuery事件绑定&入门函数&样式控制、JQuery_选择器_基本选择器

JQuery事件绑定&入门函数&样式控制、JQuery_选择器_基本选择器

时间:2022-08-22 09:33:57浏览次数:71  
标签:JQuery function 标签 绑定 选择器 id

JQuery事件绑定&入门函数&样式控制

  选择器:筛选具有相似的特征的元素(标签)

    基本语法学习:

    1事件的绑定

    2入口函数

    3样式控制

window .onload和$( function)区别:
window.onload只能定义一次,如果定义多次,后边的会将前边的覆盖掉申$(function)可以定义多次的。

<div id="div1">div1</div>
<div id="div2">div2</div>
<input type="button" value="点位" id="b1">
<script>

<!--入口函数 -->
$(function (){
$("#b1").click(function (){
alert("abc")
})
})
</script>
</body>
</html>

JQuery_选择器_基本选择器

  分类:

    

1。基本选择器
1.标签选择器(元秦选择器)
语法:$( "html标签名")获得所有匹配标签名称的元素2. id选择器
语法:$(“#id的属性值")获得与指定id属性值匹配的元素3.类选择器
语法:$ (".class的属性值")获得与指定的class属性值匹配的元秦

标签:JQuery,function,标签,绑定,选择器,id
From: https://www.cnblogs.com/ssr1/p/16611748.html

相关文章

  • jQuery快速入门、jQuery对象与js对象区别&转换
    jQuery快速入门1下载jQuery有三个大版本∶1.x:兼容ie678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项自来说,使用1.x版本就可以了,最终版本:1.12.4(2016年5月2......
  • AjAX实现JQuery实现方式
    AjAX实现JQuery实现方式JQuery实现方式1.$.ajax()语法:$.ajax({键值对})AJAX代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><tit......
  • AJAX实现_JS方式和AJAX实现_JQuery实现方式和ajax()其他键值
    AJAX实现_JS方式<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><script>$(function(){});......
  • vue数据数据双向绑定
    数据双向绑定主要涉及以下内容v-model,number和v-model.lazy<!DOCTYPEhtml><htmllang="zh"><head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible......
  • thinkphp+ajax+jquery异步实现加载更多
    1.后台请求的方法(这里主要赋模板,再查出总页数)publicfunction_initialize(){parent::_initialize();$this->model['farm']=D('farm');$this->model[......
  • jQuery_ajax调用的几种方法
    一、$.ajax()的基础使用 <buttonid="btn">发送请求</button><scriptsrc="/js/jquery.min.js"></script><script>varparams={name:'wangwu',age:300}$('#bt......
  • jQuery实现简单弹窗遮罩效果
    https://www.jb51.net/article/106880.htm效果图:图(1)初始图图(2)点击按钮后代码如下:1234567891011121314151617181920212223242526......
  • JQuery案例
    JQuery案例广告的自动显示和隐藏案例需求:当页面加载完3秒后自动显示广告广告显示5秒后自动消失分析:使用定时器来完成setTimeout(执行一次定时器)分析完成JQu......
  • JQuery插件
    JQuery插件插件:增强JQuery的功能1.实现方式: 1.$.fn.extend(object)增强通过Jquery获取的对象的功能$("#id")HTML代码<!DOCTYPEhtml><html><head><me......
  • jquery中attr方法和val方法的区别
    这几天一直在看jquery,感觉attr方法和val方法没有什么区别,经过试验,有点明白了这两个方法的区别!分享一下,如果理解错误,请大家指正!以下是源码:<!DOCTYPEhtml><html><head><......