在单个页面上使用jQuery禁用CSS规则

，可以通过以下步骤实现：

引入jQuery库：在页面的<head>标签中添加以下代码，引入jQuery库文件。

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

编写jQuery代码：在页面的<script>标签中添加以下代码，使用jQuery选择器选中需要禁用CSS规则的元素，并使用.css()方法来修改其样式。

$(document).ready(function() {
  // 选择需要禁用CSS规则的元素，例如一个按钮
  var $button = $('button');

  // 使用.css()方法禁用CSS规则
  $button.css('pointer-events', 'none');
});

在上述代码中，我们使用了$('button')选择器选中了一个按钮元素，然后使用.css('pointer-events', 'none')方法将该按钮的pointer-events属性设置为none，从而禁用了按钮的点击事件。

示例代码解释：

$(document).ready(function() { ... });：这是一个jQuery的文档就绪函数，确保页面的DOM结构已经加载完毕后再执行其中的代码。
$('button')：这是一个jQuery选择器，选中了所有的<button>元素。
.css('pointer-events', 'none')：这是一个jQuery的CSS方法，用于修改元素的CSS样式。其中，pointer-events是CSS属性，none是其属性值，表示禁用元素的鼠标事件。