jquery 读css

可以使用jQuery的`css()`方法来读取元素的CSS属性值。该方法接受一个参数，即要读取的CSS属性名称。

例如，如果要读取一个元素的背景颜色属性，可以使用以下代码：

var bgColor = $("selector").css("background-color");

其中，`selector`是要选择的元素的选择器。`bgColor`变量将包含该元素的背景颜色属性的值。

另外，`css()`方法也支持读取多个CSS属性值，可以将属性名称作为一个对象传递给该方法。例如：

var cssObj = $("selector").css({
  "background-color": "#fff",
  "font-size": "16px"
});

该代码将设置元素的背景颜色为白色，字体大小为16像素，并将这些CSS属性值保存在`cssObj`变量中。

相关问题

jquery链式编程实例

好的，下面是一个 jQuery 链式编程的示例：

假设有一段 HTML 代码如下：

<div id="container">
  <ul>
    <li class="item">Item 1</li>
    <li class="item">Item 2</li>
    <li class="item">Item 3</li>
  </ul>
</div>

我们可以使用 jQuery 的链式编程来进行多个操作，例如：

1. 首先选择 `<ul>` 元素，然后添加一个 class `list`：

$('#container ul')
  .addClass('list');

2. 选择 class 为 `item` 的所有 `<li>` 元素，并将它们的背景色设置为灰色：

$('.item')
  .css('background-color', 'gray');

3. 隐藏所有 `<li>` 元素：

$('li')
  .hide();

4. 添加一个新的 `<li>` 元素到 `<ul>` 中：

$('<li>')
  .text('New Item')
  .appendTo('ul');

以上就是一个简单的 jQuery 链式编程的示例，通过链式编程，我们可以在一行代码中完成多个操作，使代码更加简洁和易读。

javascript+jquery配套源码

JavaScript和jQuery是前端开发中常用的两种编程语言，它们配套使用可以实现页面交互效果。下面是一个简单的JavaScript和jQuery的配套源码示例：

// JavaScript
function changeBackgroundColor() {
  document.getElementById('myDiv').style.backgroundColor = 'yellow';
}

// jQuery
$(document).ready(function() {
  $('#myButton').click(function() {
    $('#myDiv').css('background-color', 'yellow');
  });
});

在这个示例中，我们首先定义了一个JavaScript函数`changeBackgroundColor()`，用来改变一个id为`myDiv`的元素的背景颜色为黄色。然后使用jQuery库，在文档加载完毕后，为id为`myButton`的按钮元素添加了一个点击事件处理程序，当按钮被点击时，会使用`css()`方法来改变id为`myDiv`的元素的背景色为黄色。

这个示例展示了JavaScript和jQuery的配套使用，JavaScript可以用来实现简单的页面交互效果，而jQuery则可以更快速地实现一些常见的DOM操作，使代码更加简洁和易读。JavaScript和jQuery的配套使用可以大大提高前端开发的效率和开发体验。