关闭

jquery(一)之获取对象

标签: jquery框架前端
230人阅读 评论(0) 收藏 举报
分类:

背景

        我们都知道,前端设计涉及的框架众多,我们有限的经历是难以学习那么繁琐的东西的,所以我们必须借助一些框架帮助我们来完成一些工作,比如说今天要提到的jquery。

目标

        今天的博客和以往的有些区别,简单的来说,这只是一次简单的知识总结。那么,我们要总结的是什么呢?是的,我们当然要从获取一个jquery对象学起,因为只有获取了一个对象我们才能对其作出操作。

获取jquery对象的方法

                // 1 test jquery
                 $("div").html("您好!通过慕课网学习jQuery才是最佳的途径。");
                // 2 通过id获取jquery对象
                 var $p = $('#imocc');
                 $p.html('您好').css('color','red');
                // 3 通过jquery对象获取dom对象
                 3.1 获取div对象数组
                 var $div =$('div');
                // 3.2 获取第一个div对象
                var div = $div.get(0);
                // 3.3 设置div的属性
                div.style.color='red';
                //4 将dom对象转化为jquery对象
                 var div = document.getElementsByTagName('div'); //dom对象
                 var $div = $(div); //jQuery对象
                 var $first = $div.first(); //找到第一个div元素
                $first.css('color', 'green'); //给第一个元素设置颜色 
                // 5 通过id获取对应元素
                 ${'#id'}
                // 6通过class获取对应元素
                 $(.class)
                // 7通过元素得到jquery对象
                 $("p")
                // 8 获取所有元素
                 $('*')
                //9 基本筛选选择器
                 $(".div:first")
                //10 内容筛选选择器
                 $(".div:contains(':contains')")
                // 11   属性筛选选择器
                 $('div[name^=imooc]')
                // 12表单筛选选择器
                 $('input:text')
                //13表单对象属性筛选选择器
                 $('input:enabled')
                // 14 this选择器
                    $('p').click(function(){
                    //把p元素转化成jQuery的对象
                    var $this= $(this) 
                    $this.css('color','red')
                })

        我们可以发现,获取一个jquery对象的方式真的是太多了,所以前端的知识真的有好多都需要我们去记忆啊,但是这没有关系的啦!多看看文档自然手到擒来!


总结

        
怎么说呢,在学习jquery获取对象的时候我主要都是靠着文档啃过来的,收获还算不少,这里推荐大家去bootstrap的官网上看,如下链接:
bootstrap官网
        前面我们也有说过bootstrap的简单使用,jquery和bootstrap结合起来真的是美得很!你懂得!
        最后说一句,爱笨媳妇爱生活!

0
0
查看评论

JQuery jquery对象数组中取单个对象( .eq() )

$(this).parent().prevAll().eq(2);   // .eq(2) 通过下标找jquery对象。preAll往前找所有元素对象,越靠前下标越大。 .eq(0) 表示紧邻的前一个同级元素对象。
  • houyanhua1
  • houyanhua1
  • 2017-12-18 21:25
  • 93

jQuery获取和计算对象(object)的长度

原文:http://www.php.cn/js-tutorial-367684.html
  • xm_csdn
  • xm_csdn
  • 2017-11-03 09:54
  • 1320

jquery ajax获取form对象

//单击时进入保存      function save(){          var formData = $("#inputForm").serializeArray();   ...
  • cyp900509
  • cyp900509
  • 2014-10-20 11:01
  • 2319

JQuery与javaScript如何获取select对象元素

时间:2008-11-30 09:44:51  来源:http://www.biuuu.com/?p=29  作者:biuuu在获取页面元素中,我们常常会通过select对象触发事件,通过选择下拉框中不同的值触发相应的事件,但对于如何获取select对象中相应...
  • oldtown
  • oldtown
  • 2010-04-05 17:23
  • 2071

jquery 不区分元素根据name获取对象

$("[name='nameWord']");
  • taijiyun
  • taijiyun
  • 2017-06-16 16:53
  • 808

JQuery选择器通过click事件获取当前点击对象的id,name,value属性

下面是案例,使用ID选择器,Class选择器,Element选择器,获取了ID,Name,Value属性的值。<!DOCTYPE html> <html lang="en"> <head> <meta charset="...
  • qq_34873338
  • qq_34873338
  • 2017-05-04 23:04
  • 15180

在JQuery 中 获取原生 js 对象

<br /> <br /><br />在使用Jquery 开发的过程中一定会发生这样的问题,当用$()获取到dom对象是,但是这时又要用原生的js方法是怎么办呢?用$()执行的方法由于Jquery封装了了js对象,所以$()是无法执行原生的JS方法的!&...
  • Mandel19
  • Mandel19
  • 2010-06-18 11:15
  • 4373

关于Jquery获取对象的属性与值

1.获取对象的常用方法 $("*")  表示获取所有对象(一般都不会去使用) $("#XXX") ’获得 id=XXX 的元素对象(常用) $(".XXX") ’获得 class=XXX 的元素对象...
  • hsd2012
  • hsd2012
  • 2016-08-01 18:20
  • 6185

JQuery获取元素对象大全

Query获取 Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项 时触发 2. var checkText=$(...
  • npp616
  • npp616
  • 2013-01-21 14:35
  • 7468

jQuery的form表单取值 object对象的取值

 开发过程中经常要处理页面表单元素,如:在下拉框select中获取selected的value值,在复选框checkBox中获取checked的value值等,来触发和调用其它页面表单元素,制作出交互性强,页面友好的表单。jQuery通过元素$(#id)产生一个Object对象,通过对获取...
  • Swordtang
  • Swordtang
  • 2009-06-02 10:54
  • 8940
    个人资料
    • 访问:119181次
    • 积分:2168
    • 等级:
    • 排名:千里之外
    • 原创:99篇
    • 转载:8篇
    • 译文:1篇
    • 评论:46条